Vue中如何实现组件间通过emit和on进行事件触发与监听？

本文共计813个文字，预计阅读时间需要4分钟。

目录 + Vue事件触发生成（emit）及监听（on） + 每个 Vue 实例都实现了事件接口 + 案例 + Vue emit 事件无法触发问题 + Vue事件触发生成（emit）及监听（on） + 每个 Vue 实例都实现了事件接口

1.使用 + $on(eventName, callback) + 监听事件 + 使用 + $on(eventName, callback) + 监听事件

目录

• vue事件触发(emit)及监听(on)
• 每个 vue 实例都实现了事件接口
• 案例
• vue emit事件无法触发问题

vue事件触发(emit)及监听(on)

每个 vue 实例都实现了事件接口

• 1.使用 $on(eventName,callback) 监听事件
• 2.使用 $emit(eventName,[…args]) 触发事件

$emit 和 $on 必须都在实例上进行触发和监听。