Vue 3 中 reactive 对象解构后丢失响应式，为什么 ref 能解决？-低调大师

Vue 3 中 reactive 对象解构后丢失响应式，为什么 ref 能解决？

2026-10-08 3

Vue 3 的 watch 与 watchEffect：何时用哪个，以及如何避免重复触发

在 Vue 3 的组合式 API 里，watch 和 watchEffect 是日常业务代码中出现频率很高的两个响应式副作用工具。很多人第一次接触时容易把它们当成同一种东西，结果在监听对象属性、异步请求、路由参数变化或者需要手动停止监听的场景里踩坑。最常见的困扰是：明明只改了一个字段，回调却执行了两次；或者 watch 一个 reactive 对象的某个属性，却没有触发；又或者 watchEffect 里引用了某个响应式变量，但清理函数没写，导致旧请求覆盖新请求。这篇文章围绕实际开发中遇到的几个具体问题展开，讲清楚两者的依赖收集机制、flush 时机、deep 与 immediate 的配合，...

2026-10-08

3

最近在维护一个后台管理页面时，遇到一个比较隐蔽的问题：列表页在筛选条件变化后，会连续发起两次相同的数据请求。第一次请求很快返回，但紧接着又发了一次，导致 loading 状态闪烁，偶尔还会因为响应顺序问题把旧数据覆盖到新数据上。排查后发现，问题出在 watch 和 watchEffect 的依赖收集机制差异上——watchEffect 会自动追踪回调里用到的响应式数据，而 watch 只监听显式指定的源。当两者混用，或者把 watchEffect 放在异步逻辑里时，依赖关系会变得不符合预期，从而触发额外的执行。这篇文章会从实际代码出发，说明依赖收集的细节、常见触发场景，以及如何用 onClea...

2026-10-08

2

资源下载

更多资源

Mario

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

腾讯云软件源

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

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

WebStorm

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