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

相关内容

热门资讯

最强版hhpkoer辅助器视频... 最强版hhpkoer辅助器视频，xpoker辅助工具，都是有挂（存在有挂）能透视中分为三种模型：模拟...

最强版哈糖大菠萝怎么开挂，we... 最强版哈糖大菠萝怎么开挂，wepoker有辅助工具吗，都是是真的有挂（有挂解密）1、有没有辅助教程、...

鹰眼预警：恒为科技营业收入下降 Hehson财经上市公司研究院|财报鹰眼预警8月30日，恒为科技发布2026年半年度报告。报告显示，...

最强版steampokerma... 最强版steampokermaster辅助，模拟器打开hhpoker，竟然真的是有挂（存在有挂）1、...

鹰眼预警：中信博经营活动净现金... Hehson财经上市公司研究院|财报鹰眼预警8月30日，中信博发布2026年半年度报告。报告显示，公...