Vue.js 组件 - 自定义事件

创始人

2024-04-30 01:37:46

一、自定义事件作用

父组件是使用 props 传递数据给子组件，但如果子组件要把数据传递回去，就需要使用自定义事件！

二、如何使用自定义事件

可以使用 v-on 绑定自定义事件, 每个 Vue 实例都实现了事件接口(Events interface)，即：

使用 $on(eventName,fn) 监听事件
使用 $emit(eventName, data) 触发事件

三、`$on(eventName,fn)`另一种写法

父组件可以在使用子组件的地方直接用 v-on:eventName（@eventName）来监听子组件触发的事件。

四、自定义事件只触发一次`$once(eventName,fn)`

五、解绑`$off('eventName')`

vm.$off('eventName')：解绑一个自定义事件
vm.$off(['eventName', 'demo'])：解绑多个自定义事件
vm.$off()：解绑所有的自定义事件

上一篇：自动深度学习auto-pytorch安装

下一篇：A套需求说明

相关内容

热门资讯

中证A500ETF摩根（560... 8月22日，截止午间收盘，中证A500ETF摩根（560530）涨1.19%，报1.106元，成交额...

A500ETF易方达（1593... 8月22日，截止午间收盘，A500ETF易方达（159361）涨1.28%，报1.104元，成交额1...

何小鹏斥资约2.5亿港元增持小... 每经记者｜孙磊每经编辑｜裴健如 8月21日晚间，小鹏汽车发布公告称，公司联...

中证500ETF基金（1593... 8月22日，截止午间收盘，中证500ETF基金（159337）涨0.94%，报1.509元，成交额2...

中证A500ETF华安（159... 8月22日，截止午间收盘，中证A500ETF华安（159359）涨1.15%，报1.139元，成交额...