Vue.js中vm.$on有什么实际意义?怎么使用?文档里的监听又是什么意思呢?

Question

希望能放在一段简单代码里说明下,谢谢

Answer 1

```js

// 创建vue实例。

var vm = new Vue()

// 创建事件监听 @params 监听的事件名 回调函数。

vm.$on('start', function (params) {

console.log(params + '，我让start 事件触发了');

})

// 主动触发事件，此时会触发监听的回调(我们打印的代码就会运行) @params 触发的事件名 传递的参数。

vm.$emit('start', '我是触发传递的参数')

```

Vue的$on就和addEventListener差不多，是创建一个事件监听,
$emit 就和自定义事件一样，你主动创建了一个事件，并且让这个事件触发了。
一般用来vue非父子组件之间传递数据(Vue的bus)