vue兄弟组件传值

2018-06-13  本文已影响0人  undefind33

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

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

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

4.在home组件引入VueEvent.js 

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

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

7.news.js 组件引入VueEvent

8.接收被传递的参数

总结:

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

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

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

4.在接收数据 

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

})

上一篇 下一篇

猜你喜欢

热点阅读