<v-input label="姓名"></v-input>

<input v-model="msg" /><v-profile :message="msg"></v-profile>

***父組件***
<input v-model="msg" />
<v-profile :message.sync="msg"></v-profile>
***子組件***$.emit('update:message',newValue)

vue.esm.js?65d7:434 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "message"

var bus = new Vue();// 觸發組件 A 中的事件bus.$emit('id-selected', 1)// 在組件 B 創建的鉤子中監聽事件bus.$on('id-selected', function (id) { // ...})

匿名slot:
 slot標簽存在與子組件template中；
 子組件在父組件中使用的時候，子組件標簽中的結構會在編譯后替換子組件的slot標簽；
 如果子組件中沒有slot，則父組件中子組件標簽中的內容會消失；
具名slot:
 顧名思義，是具有name屬性的slot標簽；并有匿名組件的特性（以上）；
 子組件在父組件中使用的時候，子組件中的結構中會有某些標簽擁有slot屬性并賦值，這些會在編譯后替換子組件的相應slot標簽；

<div class="container">
 <header><slot name="header"></slot>
 </header>
 <main><slot></slot>
 </main>
 <footer><slot name="footer"></slot>
 </footer></div>

<app-layout>
 <h1 slot="header">這里可能是一個頁面標題</h1>
 <p>主要內容的一個段落。</p>
 <p>另一個主要段落。</p>
 <p slot="footer">這里有一些聯系信息</p>
</app-layout>

<component v-bind:is="currentView" ：data1="data1" :data2="data2">
 <!-- 組件在 vm.currentview 變化時改變！ -->
</component>