父向子元件傳參

　　例子：App.vue為父，引入componetA元件之後，則可以在template中使用標籤（注意駝峰寫法要改成componet-a寫法，因為html對大小寫不敏感，componenta與componentA對於它來說是一樣的，不好區分，所以使用小寫-小寫這種寫法）。而子元件componetA中，宣告props引數’msgfromfa’之後，就可以收到父向子元件傳的引數了。例子中將msgfromfa顯示在<p>標籤中。
App.vue中

componentA.vue中 

父向子元件傳參（.$broadcast）

　　用法：vm.$broadcast( event, […args] )廣播事件，通知給當前例項的全部後代。因為後代有多個枝杈，事件將沿著各“路徑”通知。
　　例子：父元件App.vue中<input>

<div id="app">
<input v-model="newItem" @keyup.enter="addNew"/>
</div>

import componentA from './components/componentA'
export default {
new Vue({
methods: {
addNew: function() {
this.$broadcast('
 
onAddnew', this.items)
}
}
})
}

componentA.vue中

子元件向父傳參（.$emit）

　　用法：vm.$emit( event, […args] )，觸發當前例項上的事件。附加引數都會傳給監聽器回撥。
　　例子：App.vue中component-a綁定了自定義事件”child-say”。子元件componentA中，單擊按鈕後觸發”child-say”事件，並傳參msg給父元件。父元件中listenToMyBoy方法把msg賦值給childWords，顯示在<p>標籤中。
App.vue中

<p>Do you like me? {{childWords}}</p>
<component-a msgfromfa="(Just Say U Love Me)" v-on:child-say="listenToMyBoy"></component-a>

import componentA from './components/componentA'
export default {
new Vue({
data: function () {
return {
childWords: ""
}
},
components: {
componentA
},
methods: {
listenToMyBoy: function (msg){
this.childWords = msg
}
}
})
}

componentA.vue中 

<button v-on:click="onClickMe">like!</button>

import componentA from './components/componentA'
export default {
data: function () {
return {
msg: 'I like you!'
}
},
methods: {
onClickMe: function(){
this.$emit('child-say',this.msg);
}
}
}

子元件向父傳參（.$dispatch）

　　用法：vm.$dispatch( event, […args] )，派發事件，首先在例項上觸發它，然後沿著父鏈向上冒泡在觸發一個監聽器後停止。
　　例子：App.vue中events中註冊”child-say”事件。子元件componentA中，單擊按鈕後觸發”child-say”事件，並傳參msg給父元件。父元件中”child-say”方法把msg賦值給childWords，顯示在<p>標籤中。
App.vue中

<p>Do you like me? {{childWords}}</p>
<component-a msgfromfa="(Just Say U Love Me)"></component-a>

import componentA from './components/componentA'
export default {
new Vue({
events: {
'child-say' : function(msg){
this.childWords = msg
}
}
})
}

componentA.vue中 

<button v-on:click="onClickMe">like!</button>

import componentA from './components/componentA'
export default {
data: function () {
return {
msg: 'I like you!'
}
},
methods: {
onClickMe: function(){
this.$dispatch('child-say',this.msg);
}
}
}

　　這裡只提及了一些指令，更多功能建議在官網上刷一遍API文件。