vue实例事件($on、$once、$off、$emit)

狂风中的少年 提交于 2019-12-03 23:54:12

1.$on 在构造器外部添加事件

$on接收2个参数,第一个参数是调用时的事件名称,第二个参数是匿名方法

1 app.$on('reduce',function(){
2    console.log('执行了reduce()');
3    this.count--;  
4 })

2.$once执行一次的事件

1 app.$once('reduceOnce',function(){
2     console.log('只执行一次的方法');
3     this.count--;
4 });

3.$off关闭事件

1 function off(){
2     console.log('关闭事件');
3     app.$off('reduce');
4 }

4.$emit事件调用

1 function reduce() {
2     // 事件调用
3     console.log('emit事件调用');
4     app.$emit('reduce');
5 }
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!