vue2开发中实例事件总结($on,$once,$off,$emit,$root,$refs,$parent 的使用)_vm.$once

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

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

与$on对应的还有一个$once,上述代码只改一个单词$once

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

结果:减的方法只执行一次.
$off关闭实例事件
关闭reduce后,减就失效了.

概述：$emit 、$on 、$once 、$off 的使用

1、vm.$emit(eventName,callback) 和vm.$on(eventName,callback) 一般结合使用。
$emit触发当前实例上的自定义事件（并将附加参数都传给监听器回调）
使用 $on 监听该事件并调用回调函数。
这两个事件方法可以结合props 属性实现父子组件双向传参。

2、vm.$once(eventName,callback) 监听一个自定义事件，但是只触发一次，在第一次触发之后移除监听器。

3、**vm.$off([eventName,callback]) 用来移除自定义事件监听器。**如果没有提供参数，则移除所有的事件监听器；如果只提供了事件，则移除该事件所有的监听器；如果同时提供了事件与回调，则只移除这个回调的监听器。

demo：$emit 和$on 实现父子组件双向传参
子组建：

父组件如下

demo父子组建携带参数传值：
父组件：

子组件如下

兄弟组件中的父亲组件（