vue bus传值

简述 : bus传值是两个组件之间的传值,适用兄弟组件之间的传值
1.utils中创建bus.js文件

import Vue from 'vue'
const Bus = new Vue()
export default Bus

2.在需要传值的组件中添加代码

A.vue页面

// 兄弟组件中的传值
import Bus from './utils/bus..js'
// 在适当的时机通过this.$emit进行传参
methods:{
	toBPage(){
		Bus.$emit('val',data)
	}
}
// 非兄弟之间的传值,组件销毁前传值
beforeDestroy(){
	Bus.$emit('val',data)
}

B.vue页面,接收数据

import Bus from './utils/bus..js'
created（）{
	Bus.$on('val',(data)=>{
		// A页面传过来的数据
		console.log(data)
	})
}