vue之eventBus简单使用
1、全局引入//main.js//方式一Vue.prototype.$EventBus = new Vue();2、组件出发this.$EventBus.$emit('eventName', param1,param2,...)3、组件监听this.$EventBus.$on('eventName', (param1,param2,...)=>{//需要执行的代码})4、移除监听事件为了避免
·
1、全局引入
//main.js
//方式一
Vue.prototype.$EventBus = new Vue();
2、组件出发
this.$EventBus.$emit('eventName', param1,param2,...)
3、组件监听
this.$EventBus.$on('eventName', (param1,param2,...)=>{
//需要执行的代码
})
4、移除监听事件
为了避免在监听时,事件被反复触发,通常需要在页面销毁时移除事件监听。或者在开发过程中,由于热更新,事件可能会被多次绑定监听,这时也需要移除事件监听。
this.$EventBus.$off('eventName');
更多推荐
已为社区贡献4条内容
所有评论(0)