vue兄弟组件传值的两种方式

1:建一个总线public.js文件  

import vue from 'Vue'
export default  new vue

2,场景如:父组件中 有A  B两个子组件,需要将A组件中的值传入B组件

A组件中:引入public.js(也可以在main.js中引入)

import bus from './public.js'

bus.$emit('test', this.message)

B组建中:引入public.js

import bus from './public.js'

bus.$on('test', data => {
this.message = data
})

 

posted @ 2021-10-30 12:29  短腿~欧尼  阅读(522)  评论(0编辑  收藏  举报