$on, $emit

$on和$emit是Vue.js中的两个方法，用于实现组件之间的通信。

$on方法用于监听当前实例上的自定义事件。通过调用$on方法，可以在当前组件中监听指定的事件，并在事件触发时执行相应的回调函数。\[2\]例如，在子组件a中，可以使用Bus.$on('changeSelect', callback)来监听名为'changeSelect'的事件。当事件触发时，回调函数会被执行。

$emit方法用于触发当前实例上的自定义事件。通过调用$emit方法，可以在当前组件中触发指定的事件，并传递相应的数据。\[1\]例如，在子组件a中，可以使用Bus.$emit('changeSelect', data)来触发名为'changeSelect'的事件，并传递数据data。

总结起来，$on方法用于监听事件，$emit方法用于触发事件。它们可以在组件之间实现数据的传递和通信。
#### 引用[.reference_title]
- *1* [$emit,$on,$off--vue](https://blog.csdn.net/weixin_57844432/article/details/126599659)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [$emit和$on 的使用详细演示](https://blog.csdn.net/weixin_35773751/article/details/109341465)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [vue2 简单说明 $emit $on $off 的使用，防止$on多次触发](https://blog.csdn.net/mossbaoo/article/details/121262457)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]