Vue 3 中 watch 和 watchEffect 在异步请求竞态下的正确用法-低调大师

Vue 3 中 watch 和 watchEffect 在异步请求竞态下的正确用法

2026-09-26 5

React 18 并发渲染下，为什么 useEffect 会执行两次？

在 React 18 的 StrictMode 下，开发环境里组件挂载时 useEffect 会执行两次。这不是 bug，而是 React 为了帮助开发者提前发现副作用清理问题而刻意为之的行为。很多人在接入 React 18 或者升级现有项目时，会突然看到控制台里接口请求翻倍、定时器被创建两次、WebSocket 连接重复建立，甚至出现数据竞争。这个现象在开发环境最明显，生产环境不会重复执行。背后的机制是 React 18 引入了并发渲染和可复用的状态，StrictMode 会模拟组件被卸载再重新挂载的过程。文章会从实际代码出发，分析重复执行的真实原因、哪些副作用会受影响，以及如何写出在并发模...

2026-09-26

3

自定义组件上使用 v-model 时，很多人会遇到「值变了但子组件没更新」「子组件改值父组件不生效」「同时绑定多个 v-model 报错」这类问题。v-model 在 Vue 3 里不再是简单的 :value + @input 语法糖，默认 prop 和事件名都改了，而且支持参数化，默认值也变成了 modelValue / update:modelValue。如果沿用 Vue 2 的习惯直接写 value 和 input，在 Vue 3 项目中会静默失效，调试时容易怀疑人生。这篇文章从源码编译结果出发，梳理 v-model 在自定义组件上的展开规则，包括默认绑定、具名绑定、多个 v-model...

2026-09-26

6

资源下载

更多资源

Nacos

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

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

WebStorm

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