vue TodoList 案例 （对父组件到孙组件传递）用全局事件总线实现

 

这边主要修改对子孙子组件对爷爷组件进行数据传递,

在main.js上定义一个全局事件总线 

1.Vue.prototype.$bus=this

 

2.在需要接受到数据的总线上给$bus绑定自定义事件

即我们这边的app.vue父组件上这样写,前面的props传递方法也就不需要写了

3.在要提供数据的组件上（即这边的孙子组件）定义触发$bus的对应事件,并触发时传入参数

 

 页面效果实现了