vue兄弟组件直接传递参数

76 阅读1分钟

vue兄弟组件直接传递参数

vue兄弟组件直接传递参数_vue使用兄弟组件的参数_不想学习只想玩的博客-CSDN博客 bus.js

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

main.js

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

传值组件

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

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

接收值组件

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