vue兄弟组件直接传递参数

vue兄弟组件直接传递参数
bus.js

import Vue from 'vue'
const bus = new Vue()
export default bus

1
2
3
4

main.js

import bus from '@/util/bus.js'
Vue.prototype.$bus = bus
1
2

传值组件

import bus from '../../util/bus.js';
1

//search是自己写的，与接收组件中的一致即可
bus.$emit('search', 要传的值)
1
2

接收值组件

mounted() {
//search要与传值组件中的一致
    bus.$on('search', (msg) => {
      //msg是兄弟组件传过来的值
    })
  }
1
2
3
4
5
6