Vue兄弟组件传值

效果：A页面向B页面传值，vueEvent.js是通道

1、新建vueEvent.js文件，引入vue后实例化vue，然后暴露这个实例

import Vue from 'vue'
var VueEvent = new Vue()
export default VueEvent

2、在A页面引入定义的实例
data：要传递的数据（）

import VueEvent from './VueEvent.js'

// 在要触发的函数里写上这段
DataToPageB() {
     
	VueEvent.$emit('名称', data)
	console.log('传递的数据：', data)
}

3、在B页面接收参数
receiveData：接收的参数

import VueEvent from './VueEvent.js'

mounted() {
     
   VueEvent.$on('名称', (receiveData) => {
     
     console.log('接收的数据：', receiveData)
   })
 }