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套需求说明

相关内容

热门资讯

政企携手开拓湖州制造新蓝海（来源：湖州日报）转自：湖州日报　　记者陈颖　　通则达，融则兴。　　当前全球市场需求加速向个性...

海航控股伦交所ESG评级较上年... 7月13日消息，近期伦交所发布最新ESG评级结果，海航控股获得C级，相较于上一年的C-级，评级上升。...

钛能化学伦交所ESG评级较上年... 7月13日消息，近期伦交所发布最新ESG评级结果，钛能化学（维权）获得B-级，相较于上一年的C+，评...

中国科传伦交所 ESG评级维持... 7月13日消息，近期伦交所发布最新ESG评级结果，中国科传获得D-级，相较于上一年的D-级，评级维持...

大秦铁路伦交所ESG评级较上年... 7月13日消息，近期伦交所发布最新ESG评级结果，大秦铁路获得C-级，相较于上一年的D+，评级上升。...