vue兄弟组件传值

1.创建两个组件分别是home.vue组件和news组件


vue兄弟组件传值_第1张图片

2.在根组件中引入两个组件并实例化


vue兄弟组件传值_第2张图片

3.在model文件夹新建文件 VueEvent.js


vue兄弟组件传值_第3张图片

4.在home组件引入VueEvent.js 


5.在home组件定义一个方法


vue兄弟组件传值_第4张图片

6.home组件中的方法广播数据 第一参数是广播的名字 第二个参数是被传递的值


vue兄弟组件传值_第5张图片

7.news.js 组件引入VueEvent


8.接收被传递的参数


vue兄弟组件传值_第6张图片

总结:

1.新建一个js文件,然后引入vue 实例化vue 最后暴露这个实例

2.在要广播的地方引入刚才定义实例

3.通过vueEmit.$emit('名称',‘数据’)

4.在接收数据 

VueEmite.$on('名称',function(){

})

你可能感兴趣的:(vue兄弟组件传值)