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 把数据传给子组件。

扁平的CSS3垂直时间轴样式代码
扁平的CSS3垂直时间轴样式代码

扁平的CSS3垂直时间轴样式代码,这个效果还是会用到的,例如备案网站,第一步做什么,第二步做什么,这样就可以使用时间轴的效果来制作,php中文网推荐下载!

下载

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

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

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

子组件

  

父组件: