实例事件就是在构造器外部写一个调用构造器内部数据的方法,可以在外部写方法调用构造器内部的数据。
一、$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')
}