vue组件通信

1.vuex状态管理
刷新信息会失效。

2.bus事件
bus可以在同一个页面或其他页面之间通信。
（1）新建bus.js文件

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

（2）发送信息

import bus from "@/assets/js/bus";
// 第一个参数为标志变量，第二个参数为通信的值
bus.$emit("message", "hello");

（3）接收信息

// 第一个参数为标志变量，第二个参数中的e为通信的值
bus.$on("message", e => {
	console.log(e);
});

3.nodejs之EventEmitter
用法跟bus类似。
（1）新建eventEmitter.js文件

import events from "events";
const eventEmitter = new events.EventEmitter();
export default eventEmitter

（2）发送信息

import eventEmitter from "@/assets/js/eventEmitter";
eventEmitter.emit("node", "hello,node");

（3）接收信息

eventEmitter.on("node", res => {
	console.log("nodeEvent", res);
});