Vue中如何正确使用$emit和$on实现组件间通信？

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

目录+ 使用$emit和$on的说明 1. $on(event, callback) 2. $emit(eventName, [args]) 3. 示例 + $emit和$on（在同一个组件中的用法）

使用$emit和$on的说明

1.$on(event, callback)

2.$emit(eventName, [args])

3.示例

+ $emit和$on（在同一个组件中的用法）

1. $on(event, callback) 使用方法：监听当前实例上的事件。

2. $emit(eventName, [args]) 使用方法：在当前实例上触发事件，并传递参数。

3. 示例 + $emit和$on（在同一个组件中的用法） 在同一个组件中，可以使用$emit触发事件，并通过$on监听这个事件。

目录

• $emit和$on的使用及说明
• 1. vm.$on(event,callback)
• 2. vm.$emit(eventName,[…args])
• 3.示例
• $emit和$on（在同一个组件中的用法 ）

$emit和$on的使用及说明

1. vm.$on(event,callback)

用法：监听当前实例上的自定义事件。事件可以由vm.$emit触发。