vue使用bus.js在兄弟组件传值

首页 > 技术文章 > vue使用bus.js在兄弟组件传值

wd163 2020-08-24 17:09 原文

A组件往B组件传递数据data

1.src下创建文件eventBus.js，内容：

import Vue from 'vue'
export default new Vue()

2.在A，B组件分别引入

import eventBus from'@/eventBus.js'

3.A组件开始传递

eventBus.$emit('datalist',data)

4.B组件接收

created(){
    eventBus.$on('datalist',(message)=>{
        console.log(message)
    })
},