实例事件(26)

实例事件就是在构造器外部写一个调用构造器内部数据的方法，可以在外部写方法调用构造器内部的数据。

一、$on

 var app=new Vue({
        el:"#app",
        data:{
            number:1
        },
        methods:{
            add:function(){
                this.number++
            }
        }
    });
    app.$on('reduce',function(){
            console.log("执行redue")
        this.number--
    });
  function reduce(){
        app.$emit('reduce')
    }

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

如果按钮在作用域外部，可以利用$emit来执行。

二、$once

$once只执行一次的事件

 app.$once('reduceOne',function(){
        console.log("执行redueocedd");
        this.number--
    });
 function reduceOne(){
        app.$emit('reduceOne')
    }

三、$off

关闭事件

 function off(){
        app.$off('reduce')
    }