vue组件之间的传值方式之一$bus

vue中使用 事件车$bus
npm install vue-bus --save

main.js文件夾中引用
import VueBus from ‘vue-bus’;
Vue.use(VueBus);

 1. this.$bus.emit('changeY',1)
 2. this.$bus.on('changeY',(data)=>{
		//传值之后的事件处理
	})
 3.this.$bus.off('changeY',1)

以上
emit ,传值
on 接收传值 进行事件处理
off 关闭 传值 事件,因为 会多次处理 解决冗余

解决 侧边栏无法返回的处理
2 次数据之间的交互:解决初始化问题
vue组件之间的传值方式之一$bus_第1张图片
存在问题 : 暂未发现 ,除了比较繁琐 ,。

你可能感兴趣的:(vue组件之间的传值方式之一$bus)