组件传值之兄弟传值

2019-12-28  本文已影响0人  焚心123

兄弟传值:

1、如果有共同的父组件,我们可以使用子传父,父传子

2、通过bus总线传值可以应用在任何情况的兄弟传值

1、声明一个空的vue实例来担任总线的位置


创建bus.png

2、在要传值的组件中引入总线,然后通过Bus.$emit()来派发事件,并且传递要传输的数据


兄弟传值.png

3、在要接收的组件中引入总线,然后通过Bus.$on()来监听事件,同时接受参数。但是监听的事件要写在cre1ated()钩子函数中


兄弟传值接受数据.png

如有问题,欢迎留言!!!

上一篇 下一篇

猜你喜欢

热点阅读