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

2026-04-02 08:260阅读0评论SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

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

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

目录 + $emit 和 $on 的使用及说明

1.vm.$on(event, callback)

2.vm.$emit(eventName, [args])

3.示例 + $emit 和 $on(在同一组件中的用法)

$emit 和 $on 的使用及说明

1.vm.$on(event, callback) 使用方法:监听当前实例上的自定义事件。event 是事件名称,callback 是事件触发时执行的回调函数。

2.vm.$emit(eventName, [args]) 使用方法:在当前实例上触发一个事件。eventName 是事件名称,[args] 是传递给回调函数的参数数组。

阅读全文

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

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

目录 + $emit 和 $on 的使用及说明

1.vm.$on(event, callback)

2.vm.$emit(eventName, [args])

3.示例 + $emit 和 $on(在同一组件中的用法)

$emit 和 $on 的使用及说明

1.vm.$on(event, callback) 使用方法:监听当前实例上的自定义事件。event 是事件名称,callback 是事件触发时执行的回调函数。

2.vm.$emit(eventName, [args]) 使用方法:在当前实例上触发一个事件。eventName 是事件名称,[args] 是传递给回调函数的参数数组。

阅读全文