父元件傳給子元件props

父元件設定props值

<aaa :say="text"></aaa>

text:"元件內部資料傳遞"

注意：如果text為固定值的話 應該直接用say="text"，而如果是data裡面的變數的話 必須用 :say="text"

子元件接收props

props: ['say']，

<div>{{ say }}</div>






父元件獲取子元件屬性和方法: 

<aaa :say="text"  ref="aaa"></aaa>

console.log(this.$refs.aaa.屬性名/方法名);

子元件傳給父元件this.
 
$emit

父元件設定

<aaa:say="text"  ref="aaa"  v-on:somesth-happen="handlerHappen"></aaa>
methods:{
  handlerHappen: function(a) {
    console.log("子元件傳遞資料給父元件");
    console.log(a);
  }

}

子元件設定

<button @click="onClickMe">觸發</button>

methods: {
  onClickMe: function () {
    this.$emit('somesth-happen'
 
, this.wokao);
  }
}

bus通訊

https://segmentfault.com/a/1190000010385155