您好,欢迎来到伴沃教育。
搜索
您的当前位置:首页vue-bus: Vue.js 事件中心插件

vue-bus: Vue.js 事件中心插件

来源:伴沃教育
$ npm install vue-bus

如果在一个模块化工程中使用它,必须要通过 Vue.use()
明确地安装 vue-bus:

import Vue from 'vue';import VueBus from 'vue-bus';Vue.use(VueBus);

如果使用全局的 script 标签,则无须如此(手动安装)。
使用
监听事件和清除监听

created() { 
  this.$bus.on('add-todo', this.addTodo); 
  this.$bus.once('once', () => console.log('这个监听器只会触发一次'));
},
beforeDestroy() {
 this.$bus.off('add-todo', this.addTodo);
},
methods: {
  addTodo(newTodo) {
  this.todos.push(newTodo); 
  }
}

触发事件

methods: {
addTodo() {
  this.$bus.emit('add-todo', { text: this.newTodoText }); 
  this.$bus.emit('once'); 
  this.newTodoText = ''; 
 }
}

Copyright © 2019- bangwoyixia.com 版权所有 湘ICP备2023022004号-2

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务