gogogo
管理员
管理员
  • UID25
  • 粉丝0
  • 关注0
  • 发帖数1384
阅读:3374回复:0

vue中使用eventBus传值

楼主#
更多 发布于:2021-02-04 16:43
最近使用vue做一个搜索的demo,涉及一些公共状态管理,状态量很少不想用vuex(主要是懒)。于是用eventBus做公共状态管理。
一般创建一个evenBus.js

import Vue from 'vue'
export default new Vue()
//新建vue实例




在需要发布值的地方:

import eventBus from './eventBus.js'
...
eventBus.$emit('key',value )




接收组件监听:

import eventBus from './eventBus.js'
...
eventBus.$on('key',function(value){...} )




另外监听的组件要在beforeDestroy()中$off掉监听,不然重新加在组件就会重复监听触发多次

eventBus.$off('key',function(value){...} )




一般来说这样就行了,但是测试几次从inside发布搜索参数到list都不能接受,但是在list页面能使用搜索是可以接受到参数的。





]
游客


返回顶部