1.新建bus.js文件:
import Vue from 'vue'
export default new Vue;
2.在需要通信组件A,B中引入bus:
A组件:
import Bus from "@/assets/bus.js"; methods: { handleClick: function () { this.$nextTick(function () { //解决第一次监听不到数据 Bus.$emit('sendData', ‘我是传递的数据’) }) } }
B组件:
import Bus from "@/assets/bus.js"; mounted() { Bus.$on("sendData", val => { console.log(val) }); },