Vue中的兄弟组件传值

兄弟组件传值主要是借助了中间件,我们可以定义一个叫bus.js的文件当做中间件.

现在我们想从helloworld传一条数据到FooterView

引入bus.js中间件 在data里配置想要传的数据,写一个按钮绑定一个goFooter方法,在里面用bus.$emit('自定义的属性名',数据)

在弟组件中同样我们引入完bus.js之后,利用钩子函数想要打开这个组件的时候直接接收数据,利用bus.$on的方式('传过来的自定义属性名')利用箭头函数,data形参就是接收的数据,传给this.msg 展示在页面上.