- 父子組件的通信方法
首先父組件需要v-bind綁定數(shù)據(jù)窄绒，在子組件中用props進行接收數(shù)據(jù)沐悦，這樣成洗，父組件中的數(shù)據(jù)變動時，就可以即時通知到子組件
子組件如果要與父組件進行通信的話藏否，子組件需要自定義事件$emit瓶殃，父組件可以在使用子組件的地方直接用 v-on 來監(jiān)聽子組件觸發(fā)的事件
// parent.vue
<template>
<div class="parent">
<p>父親:給你{{ money }}元零花錢</p>
<kid :money=" money" @repay="repay"></kid>
<br>
<button @click="add">那給你加100</button>
<p v-if="back" @repay="repay">兒子：超過300我不要，還給你 {{ back }}元</p>
</div>
</template>
<script>
export default {
name: 'parent',
data () {
return {
money: 100,
back: 0
}
},
components:{ kid },
methods:{
repay (back) {
this.back = back
},
add(){
this.money += 100;
}
}
</script>
2.爺孫組件的通信是一級級上傳副签，并不會冒泡遥椿，也就是說最底層需要一層層向外通知才可以到達最外層
