首页 文章 精选 留言 我的
优秀的个人博客,低调大师

微信关注我们

原文链接:https://cloud.tencent.com/developer/article/2751999

转载内容版权归作者及来源网站所有!

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

Vue 3 中 ref 和 reactive 在模板自动解包上的差异与踩坑记录

在 Vue 3 的 Composition API 里,ref 和 reactive 是最常用的两个响应式声明方式。实际开发中常遇到一种情况:把 reactive 对象的某个属性重新赋值后,模板不更新;或者从 setup 返回一个 ref 后,在模板里不加 .value 就能用,但换到 reactive 对象里嵌套的 ref,行为又不一样。这些差异并不来自响应式系统本身,而是 Vue 对模板表达式做了一层“自动解包”的编译处理。理解这层机制能避开很多“数据改了页面没动”的问题,也能解释为什么在 watch 里拿到的是原始 ref 而在模板里拿到的是值。下面从模板编译、运行时解包和常见错误场景拆...

别再混淆了:JavaScript 中 e.target 与 e.currentTarget 的真实区别与实战踩坑

写事件处理函数时,我见过太多人在 click 回调里随手用 e.target 去改样式或取数据,结果在嵌套结构里翻车。比如一个卡片列表,点击内部的删除按钮,却把整个卡片的背景色改了;或者用事件委托监听 ul,点击 li 里的 span 时拿到的 target 是 span,而你需要的是那个 li。这类问题的根源就是没分清 e.target 和 e.currentTarget。target 始终指向触发事件的原始元素,也就是你实际点中的那个节点;currentTarget 则指向当前绑定监听器的那个元素。在事件冒泡过程中,target 不会变,但 currentTarget 会随着事件流经过的每...

相关文章

发表评论

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题,腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构,目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称,一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

WebStorm

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。

用户登录
用户注册