Vue兄弟之间传值bus

Vue兄弟之间传值Bus

创建Bus.js

与app.vueorrouter.jsormain.js 同级

import Vue from 'vue'
export const EventBus = new Vue()

使用

在要被传值的页面先引入

import { EventBus } from "../Bus.js";

created() {
	EventBus.$on("goLogin", (msg) => {
		/*
        执行操作
        在组件赋值或者其他操作，msg是其他页面传值
      */
		//现在的操作是显示弹窗
		this.login.visible = true;
	});
},

在要传值的页面先引入

import { EventBus } from "../Bus.js";

methods:{
	//点击执行兄弟组件的内的操作
	showLogin(){
		EventBus.$emit('goLogin')
	}
}