vue跨组件传值

步骤

#此方法是基于事件实现

• 创建一个GlobalBus.js文件 内容如下

import Vue from 'vue';
export const globalBus = new Vue();

• 在需要传值的页面引入它 例如
  import { globalBus } from "@/components/tool/GlobalBus.js"
• 接收组件在created注册好事件 等待其他成员触发此事件

//为了防止重复注册 可以在注册事件前先卸载一下事件
globalBus.$off("aEvent");
globalBus.$on("aEvent",function(data){
	console.log(data);
})

• 发送组件触发刚才的事件 已注册好的组件就可以收到了
  globalBus.$emit("aEvent",{"name":"abc",message:"这里用的json，也可以直接写成字符串或者其他类型"});

很简单 对不对

https://www.jianshu.com/p/01c7e752684e