Vue中父传子,子传父,非父子通信的中央总线区别

1.父传子: pros传值法
父组件代码:

子组件代码:

2.子传父
emit触发传值法

父组件代码：

子组件代码:

3.非父子传值

遇到的效果就是:当我从一个页面跳到另外一个页面的时候，可以让非父子关系的组件实现你想要的效果

a.创建中间事件总线

公共实例文件bus.js,作为公共数据中央总线

import Vue from 'vue'
var bus = new Vue();
export default  bus;