Vue组件间的通信(一）

（一）props的传送与接收（用于父组件给子组件传递数据

）

子传父：

案例：

子：MyList

父：App

在app中定义addtodo方法，

如果想让Mylheader中的数据或者方法传送到app中，则在Myheader标签上添加

：addtodo=“addtodo” 在Myheader.vue中声明接收props：【addtodo】

 

使用时则在Mylist定义的方法中调用对应的方法和参数this.addtodo(参数）

 如果是子传爷爷，则子先传父，父接收声明，父在传爷，爷接收声明

（二）全局事件总线

首先在main.js指定事件总线对象beforecreate（）{

Vue.prototype.$bus=this

}

 在app.vue中绑定事件和解绑事件

 在需要调用的组件中触发事件