Vue外部实例

vue有实例属性，实例方法，实例事件，前两个跟选项类似，不是很常用，这次只讲实例事件。

$on（在构造器外部添加事件）

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

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

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

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

function reduce() {
    // 事件调用
    console.log('emit事件调用');
    app.$emit('reduce');
}

使用，总结

<!DOCTYPE html>

Vue入门之Helloworld

数字：8