Vue.js 组件 - 自定义事件
创始人
2024-04-30 01:37:46
0

一、自定义事件作用

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

相关内容

热门资讯

Python基础学习七 类 Python从设计之初就已经是一门面向对象的语言,正因为如此,在Py...
day 19 暴力枚举 注意:用long long 存答案P2241 统计方形(数据加强版&#x...
嵌入式理论复习题库(期末考试版... 一、填空题15*1=15 1. 要下载并调试 STM32 程序,可采用   ...
OSG三维渲染引擎编程学习之二... 目录 第三章:OSG场景组织 3.6 Transform变换节点 第三章:OSG场景组织 ...
cmake 04 使用 pyt... 本文目标 使用 python 写一个管理 cmake 工程的 cli 程序 参考 Python CL...
Java多线程(二)—— Re... ReentrantLock源码解析 ReentrantLock 是可重入的互斥锁,虽然...
linux shell脚本学习 linux shell脚本学习笔记 文章目录linux shell脚本学习笔记一、脚本入门1.我的第...
【MySQL】第九部分 MyS... 【MySQL】第九部分 MySQL信息函数 文章目录【MySQL】第九部分 MySQL信息函数9....
StarRocks 集群安装部... 下表为规划的集群组件分配 域名starrocks1starrocks2starrocks3组件my...
跨平台freebasic集锦(... 目录dim例子语法一行多个变量共享 dim例子 语法 一行多个变量 dim x as integer...