vue 组件数据通信

父组件传给子组件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