Vue实例事件总结($on,$once,$off,$emit)

1.什么是实例事件?实例事件就是在构造器外部调用构造器内部的数据。2.使用场景:比如构造器已经有一个加的方法,现在领导说还要做一个减的方法,而我又不想动构造器里面的信息,那就可以使用实例事件了.操作如下:3.与$on对应的还有一个$once上述代码只改一个单词$onceapp.$once('reduce',function(){console.log("减的方...

黄庚中

17806人浏览 · 2019-03-27 11:30:31

黄庚中 · 2019-03-27 11:30:31 发布

1.什么是实例事件?

实例事件就是在构造器外部调用构造器内部的数据。

2.使用场景:比如构造器已经有一个加的方法,现在领导说还要做一个减的方法,而我又不想动构造器里面的信息,那就可以使用实例事件了.操作如下:

在这里插入图片描述

3.与$on对应的还有一个$once

上述代码只改一个单词$once

 app.$once('reduce',function(){
          console.log("减的方法触发了");
          this.num--
      })

结果:减的方法只执行一次.

4.$off关闭实例事件

关闭reduce后,减就失效了.
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^