0

0

vue中emit的用法是什么

WBOY

WBOY

发布时间:2022-03-23 16:00:29

|

15437人浏览过

|

来源于php中文网

原创

在vue中,emit用于子组件调用父组件的方法并传递数据;子组件可以使用“$emit”触发父组件的自定义事件,触发事件后附加参数都会传给监听器回调,语法为“vm.$emit(事件, arg )”。

vue中emit的用法是什么

本文操作环境:windows10系统、Vue2.9.6版,DELL G3电脑。

vue中emit的用法是什么

vue中对$emit的定义见:

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

参数:

{string} eventName

立即学习前端免费学习笔记(深入)”;

[...args]

触发当前实例上的事件。附加参数都会传给监听器回调。

1、父组件可以使用 props 把数据传给子组件。

TP-COUPON 导购系统 免费版
TP-COUPON 导购系统 免费版

自从百度屏蔽淘宝客网站、淘宝抛弃淘宝客之后,个人站长集体陷入了恐慌之中。此时,什么值得买网的异军突起引起了广大个人站长的极大关注。做一个什么值得买一样的导购网站成了众多个人站长的一致心愿! TP-COUPON 导购系统 即是让个人站长实现此心愿的绝佳选择! 欢迎个人站长选用。V1.1版 更新记录:1.修正请求时查询淘宝店铺错误的bug2.删除一些无用的代码

下载

2、子组件可以使用 $emit 触发父组件的自定义事件。

vm.$emit( event, arg ) //触发当前实例上的事件

vm.$on( event, fn );//监听event事件后运行 fn; 

子组件

  

父组件: