同一个组件的复用（传入不同的参数）

<div id="example">
    <parent v-bind:message1="messageasdasdasdasd"></parent>
</div>

<div id="example2">
    <parent v-bind:message1="message"></parent>
</div>

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script type="text/javascript">

    Vue.component('parent', {
        template: '<div><input :title="message1" v-model="message1"></div>',
        props: ['message1']
    });

    new Vue({
        el: '#example',
        data: {
            messageasdasdasdasd: 'wo shi message'
        }
    });

    new Vue({
        el: '#example2',
        data: {
            message: 'wo shi message2'
        }
    });