问一下vue $emit 的实现原理是什么？也是通过defineProperty信息拦截的？

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

1条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
禅思院前端领域优质创作者 2019-02-11 15:30
关注
因为子组件进行传值其父组件应该有一个触发条件,而去知道何时触发可以进行监听在这里你可以使用点击事件也可以是其他的事件,子组件向父组件传递值如果需要父组件去进行显示那么这个显示条件或者说值得获取一定要有触发的 ,而原理呢就是事件监听,也可以说是发布订阅模式.

emit 其实就是从改组件中绑定的事件events 找到对应的事件上所有的方法，然后遍历执行，你应该去看看vue源码中事件机制就知道了

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

vue中，子组件的$emit如何按顺序执行父组件的异步方法前端
2022-01-25 15:14

回答 3 已采纳那可以试试Promise // 子组件 function A () { // 同步拿到父组件最新的dataList const dataList = await this.$emit('loa
qing问一下前端Vue里的 | 是做什么用的呢，它该怎么使用 vue.js 前端前端框架
2022-04-19 15:28

回答 1 已采纳过滤器 filters 了解一下 Vue过滤器 filter - 简书此笔记关于filter的官方文档的一些讲解及个人的一些拓展简单介
vue中eventBus的$emit触发的事件，$on 第一次监听不到数据 vue.js 前端
2021-12-25 17:58

回答 3 已采纳 $on 和 $emit是什么时候触发的
为什么Vue3.0使用Proxy实现数据监听？defineProperty表示不背这个锅
2019-10-15 13:35

Let dreams fly的博客转载：https://juejin.im/post/5da29a87518825094e37301c?...utm_source=hao.caibaojian.... 为什么Vue3.0使用Proxy实现数据监听？defineProperty表示不背这个锅导读 vue3.0中，响应式数据部分弃用了Object.defineP...
初级、中级、高级vue前端的技术差别是啥？薪资差别是啥前端
2022-05-04 17:12

回答 1 已采纳济南中级一般在6k左右，初级前端3k左右，高级的则8k+，从招聘网站招聘数据分析看的。平均薪资都在5k-6k，不是招聘薪资而是入职后薪资哦。
请问一下安装vue脚手架一直失败这是什么原因啊？ vue.js 前端前端框架有问必答
2021-08-11 12:36

回答 2 已采纳推荐你看一下我的博客，先去安装好cnpm，再试试用cnpm下载，因为npm下载东西用的是国外源，容易有问题原文链接： https://blog.csdn.net/weixin_43877799/a
vue3 在 onMounted 阶段无法使用 this.$emit ecmascript javascript vue.js
2021-03-15 17:06

回答 3 已采纳 Vue 3当中是没有this的，或者说this 指向的并不是Vue实例，Vue3出了一些option-api之类的 export default defineComponent({ pr
为什么Vue3.0不再使用defineProperty实现数据监听？
2021-08-04 15:17

床头床尾_的博客为什么Vue3.0不再使用defineProperty实现数据监听？导读 vue3.0中，响应式数据部分弃用了Object.defineProperty，使用Proxy来代替它。本文将主要通过以下方面来分析为什么vue选择弃用Object.defineProperty。 ...
Vue实例中 data：{}是什么？是对象吗？ vue.js
2022-08-14 21:54

回答 6 已采纳 1.data:{} 是一个函数（在cli里他必须是一个函数，因为如果是对象那么他就会涉及引用类形的错误） vue中data必须是函数是为了保证组件的独立性和可复用性，data是一个函数，组
在vue中使用@description和@params是什么意思？ javascript vue.js 前端
2021-11-29 08:57

回答 3 已采纳 @description和@params都是在注释的时候用的，在方法的注释中，@description表示方法的说明，@params表示方法的参数说明
vue使用$router登录跳转为什么获取不到name值呢？ javascript vue.js 前端
2022-08-13 11:07

回答 2 已采纳获取路由参数信息用的是this.$route跳转路由才是用this.$router$router和$route的区别https://blog.csdn.net/yolo_link/article/de
前端vue经典面试题78道（重点详细简洁）
2022-03-21 23:06

一染星辰的博客 v-show通过css display控制显示和隐藏，v-if组件真正的渲染和销毁，而不是显示和隐藏，频繁切换状态使用v-show 否则v-if 2.为何v-for要用key 快速查找到节点，减少渲染次数，提升渲染性能 3.描述vue组件声明周期...
vue3的$forceUpdate到底有什么用？优雅应用场景有哪些？ vue.js 前端
2022-03-30 22:33

回答 2 已采纳官方说明，意思就是可以在0.01%的灵异情况下使用
2022年前端Vue常见面试题大全（三万长文）持续更新...
2022-01-17 00:07

月苏西的博客总结出来的Vue面试题，持续更新...
【深入vue】为什么Vue3.0不再使用defineProperty实现数据监听？
2019-10-12 08:15

前端小苑-FE GDN的博客点击蓝字「前端小苑」关注我导读vue3.0中，响应式数据部分弃用了Object.defineProperty，使用Proxy来代替它。本文将主要通过以下方面来分析为什么vue选择弃用...
没有解决我的问题, 去提问

悬赏问题

¥15 程序不包含适用于入口点的静态Main方法
¥15 素材场景中光线烘焙后灯光失效
¥15 请教一下各位，为什么我这个没有实现模拟点击
¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来
¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
¥20 有关区间dp的问题求解
¥15 多电路系统共用电源的串扰问题
¥15 slam rangenet++配置
¥15 有没有研究水声通信方面的帮我改俩matlab代码
¥15 ubuntu子系统密码忘记