vue 兄弟组件/非父子组件的通信

兄弟组件/非父子组件的通信

使用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)