兄弟组件/非父子组件的通信
使用BUS总线
1、新建一个bus.js
文件
import Vue from 'vue'
export default new Vue()
2、在需要通信的两个组件中引入bus.js
文件
A组件
监听updateFileList
方法
import Bus from '@/config/bus'
Bus.$on('updateFileList', (data) => {
// data是接收的参数
console.log(data)
})
B组件
触发updateFileList
方法
import Bus from '@/config/bus'
Bus.$emit('updateFileList', data)