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

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

 

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

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

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

1.Vue.prototype.$bus=this

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

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

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

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

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

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

 

 页面效果实现了vue TodoList 案例 (对父组件到孙组件传递)用全局事件总线实现

 

 

 

 

上一篇:Java面向对象题库


下一篇:immutable的使用(优化级深拷贝)