阅读:3374回复:0
vue中使用eventBus传值
最近使用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页面能使用搜索是可以接受到参数的。 ] |
|