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

相关内容

热门资讯

玩家必看教程!智星德州扑克辅助... 玩家必看教程!智星德州扑克辅助挂多功能透视工具，好像真的是有挂(有挂详细)1、该软件可以轻松地帮助玩...

记者揭秘!wpk辅助挂多功能透... 记者揭秘!wpk辅助挂多功能透视工具，原来存在有挂(有挂猫腻)1、全新机制【wpkai辅助工具激活码...

科普!德扑圈辅助挂多功能透视工... 科普!德扑圈辅助挂多功能透视工具，总是有挂(有挂教学)1、实时德扑圈透视辅助更新：用户可以随时随地访...

玩家必备攻略!WPK辅助挂多功... 玩家必备攻略!WPK辅助挂多功能透视工具，其实存在有挂(确实有挂)1、任何WPK透视是真的假的的玩家...

分享一款!智星菠萝德州辅助挂多... 分享一款!智星菠萝德州辅助挂多功能透视工具，总是是真的有挂(有挂神器)1）智星菠萝德州辅助插件：进一...