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

相关内容

热门资讯

把老百姓关切的事一件一件办好转自：贵州日报为有效缩短患者平均等候时间，显著改善就诊秩序，贵州省人民医院在全院推行规范化门诊预约...

扎实推进招标投标系统整治走深走... 转自：贵州日报叶文学贵阳市纪委监委聚焦招标投标领域围标串标、权力寻租、监管缺位等突出问题，结合招标...

整治“黑飞” 护低空安全转自：贵州日报本报讯（记者胡玉山）7月24日，安顺市公安局、市交通运输局、市农业机械服务中心联合...

天上地面全方位巡防转自：贵州日报本报讯（记者朱迪）7月31日10时，贵阳市花溪区十字街的人流逐渐密集。一阵嗡鸣中，...

瓮安顺利实现“双过半” 转自：贵州日报本报讯（记者卢泰铭）7月30日，记者从黔南州瓮安县半年经济工作会议暨“六大提升行动...