父子组件之间的通信

App.vue是项目的一个入口

引入之后，要注册才能使用。

父向子组件传参：
父组件直接定义属性（msg）和属性值（something interesting）－子组件想要取得父组件中定义的属性值（something interesting）－在子组件中定义props，属性名（msg）在数组中－子组件即可得到该参数（this.msg）。

子向父组件传参：
在componentA.js中

<button v-on:click='onClickMe'>open mouse</button>

子组件中给按钮绑定一个click事件，执行onClickMe函数，

onClickMe:function(){
      this.$emit('listen-from-child',this.msg);
      console.log(this.msg);
    }

在onClickMe函数中触发自定义的listen-from-child事件，在父组件中app.vue文件中

<componentA msgfromfather='you die' v-on:listen-from-child='listenChild'></componentA>

componentA中绑定了listen-from-child事件，click之后触发到该事件，又执行app.vue中的listenChild函数，

listenChild:function(msg){
      this.childSay=msg;
    }

让this.childSay的值为子组件中传入的this.msg。想要在页面中显示this.childSay的值，还要在app.vue中的data中声明childSay属性。

<p>childsay:{{childSay}}</p>

data:function(){
    return {
      title: '<span>?</span>qmm to do a list',
      items:Store.fetch(),
      liClass:'thisisliclass',
      newItem:'',
      childSay:''//在这儿声明
    }
  }

这样在父组件里就能接收到子组件中传的参啦。
$dispatch,$broadcast在vue2.0中已经被弃用。