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():解绑所有的自定义事件

相关内容

热门资讯

揭秘一下!wpk辅助挂多功能透... 揭秘一下!wpk辅助挂多功能透视工具,好像真的有挂(发现有挂)揭秘一下!wpk辅助挂多功能透视工具,...
最新技巧!德普之星辅助挂多功能... 您好,德普之星这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家在这款...
实测必看!aapoker辅助挂... 实测必看!aapoker辅助挂多功能透视工具,一贯是有挂(有挂教程)1)aapoker免费钻石:进一...
终于清楚!智星菠萝德州辅助挂多... 终于清楚!智星菠萝德州辅助挂多功能透视工具,真是真的是有挂(有挂工具)1、智星菠萝德州模拟器是什么优...
今日头条!AAPoKer辅助挂... 今日头条!AAPoKer辅助挂多功能透视工具,果然是有挂(有挂规律)1、每一步都需要思考,不同水平的...