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

相关内容

热门资讯

珲春林区法院：法治副校长教你向... 为进一步加强未成年人的法律意识和法治观念，扣好开学第一粒法治扣子，近日，珲春林区基层法院法治副校长走...
今天预计全社会跨区域人员流动量... 据交通运输部，预计2026年3月13日（春运第40天，农历正月廿五），全社会跨区域人员流动量1932...
盛剑科技：形成三驾马车业务，服... 投资者提问：公司属于半导体板块，请问公司生产的半导体主要针对什么行业董秘回答(盛剑科技SH60332...
中国人寿：投资者关注分红比例，... 投资者提问：董秘您好，在中国内地上市的五家保险公司中，公司的股利支付率是最低的，不足20%。同时安当...
甲骨文应对SaaS寒冬的对策：... 甲骨文执行董事长兼首席技术官拉里・埃里森　　投资者担心人工智能可能抑制传统商业软件的支出，这种恐慌已...