笔记列表-低调大师优秀个人博客

2026-09-28

Vue 3 中 watch 和 watchEffect 的清理函数到底解决什么问题？

在 Vue 3 的 Composition API 里，watch 和 watchEffect 都支持一个很多人见过但没深究的 onCleanup 回调。它最常见的出现场景是异步请求竞态：当侦听的数据频繁变化时，上一次请求还没返回，新请求已经发出，如果先发出的请求后返回，界面就会显示过期数据。除此之外，像防抖、取消订阅、清理定时器、中止 fetch 这类副作...

34

阅读约38分钟

2026-09-27

Chrome DevTools 里 Network 面板的瀑布图，那些彩色竖线到底在说什么

调接口的时候看到某个请求花了 1.2 秒，但后端说服务端处理只用了 80 毫秒，两边对不上。打开 Network 面板把瀑布图展开，能看到一行一行彩色的小条，分别标着 Queueing、Stalled、DNS Lookup、Initial Connection、SSL、Request Sent、Waiting (TTFB)、Content Download。...

30

阅读约45分钟

2026-09-27

Vue 3 中 watch 和 watchEffect 的自动停止机制到底怎么工作

在 Vue 3 组件里用 watch 或 watchEffect 监听数据时，大部分场景都不需要手动停止，因为组件卸载后这些侦听器会自动失效。但一旦把侦听器创建在组件之外的模块作用域、异步回调或者第三方库的事件处理器里，自动停止就不再生效，反复注册会造成内存泄漏和重复执行。很多人只在组件 setup 中写过侦听器，对 onCleanup、effectScop...

34

阅读约40分钟

2026-09-27

Vue 3 中 v-model 绑定自定义组件时，为什么输入框会闪烁？

在 Vue 3 项目里封装表单组件时，经常会把 v-model 透传到内部的或

文章列表

Vue 3 中 watch 和 watchEffect 的清理函数到底解决什么问题？

Chrome DevTools 里 Network 面板的瀑布图，那些彩色竖线到底在说什么

Vue 3 中 watch 和 watchEffect 的自动停止机制到底怎么工作

Vue 3 中 v-model 绑定自定义组件时，为什么输入框会闪烁？