$emit的用法

简介: 笔记

自定义事件$emit。使用$emit建立父子组件之间的通信。子组件到父组件之间的通信。


子组件:

7.png


父组件:


8.jpg


目录
相关文章
|
JavaScript
element-ui(vue版)使用switch时change回调函数中的形参传值问题
element-ui(vue版)使用switch时change回调函数中的形参传值问题
145 0
|
21天前
|
缓存 JavaScript Serverless
vue中computed计算属性、watch侦听器、methods方法的区别以及用法
vue中computed计算属性、watch侦听器、methods方法的区别以及用法
78 0
|
6月前
|
人工智能 机器人 中间件
【C++】C++回调函数基本用法(详细讲解)
【C++】C++回调函数基本用法(详细讲解)
|
6月前
|
JavaScript
Vue中子组件单个双向绑定发送事件使用input,多个使用 update:变量名;父组件接收时,v-model 接收单个,.sync 接收多个(vue3中使用v-model:name的写法)
Vue中子组件单个双向绑定发送事件使用input,多个使用 update:变量名;父组件接收时,v-model 接收单个,.sync 接收多个(vue3中使用v-model:name的写法)
|
6月前
|
JavaScript 前端开发 开发者
使用pinia报错:setriderList()not a function
使用pinia报错:setriderList()not a function
96 0
|
JavaScript
Vue学习之参数传递与事件分发使用this.$emit(‘自定义事件名‘, 参数)自定义事件删除待办事项
数据项在 Vue 的实例中,但删除操作要在组件中完成,那么组件如何才能删除 Vue 实例中的数据呢? 此时就涉及到参数传递与事件分发了,Vue 为我们提供了自定义事件的功能很好的帮助我们解决了这个问题;使用this.$emit(‘自定义事件名’, 参数),操作过程如下
190 0
uni-app 事件传值 | this.$emit、uni.$emit 区分
uni-app 事件传值 | this.$emit、uni.$emit 区分
457 0
|
JavaScript 前端开发
使用 Vue3 开发了四个月,回顾 emit 的用法
使用 Vue3 开发了四个月,回顾 emit 的用法
使用 Vue3 开发了四个月,回顾 emit 的用法
|
缓存 JavaScript 测试技术
vue3源码分析——实现props,emit,事件处理等
由于是测试dom,jest需要提前注入下面的内容,让document里面有app节点,下面测试用例类似在html中定义一个app节点哦
|
缓存 JavaScript
computed 与 watch和 methods的异同之处
computed 与 watch和 methods的异同之处
102 0