vue兄弟组件之间值的传输

  1. 建立 eventBus.js文件, 文件写入以下内容
import Vue from 'vue'
export default new Vue()
  1. 传输方和接收方都引入该文件
import bus from '@/components/eventBus.js'
  1. 传输方使用 $emit
methods: {
  add() {
	const obj = {id: this.id, value: this.num + 1}
	// console.log(obj);
	bus.$emit('share', obj)
  },
}
  1. 接收方使用 $on
bus.$on('share', (val) => {
   // console.log(val);
  })
})
上一篇:全局事件总线以及消息订阅


下一篇:全局事件总线