特性Vue2Vue3Diff 策略全量递归对比智能对比，只看动态节点静态节点处理每次都 diff提升复用，跳过对比更新粒度组件级节点级（更细）PatchFlag❌ 无✅ 有，标记动态类型事件缓存❌ 每次创建新函数✅ 编译器自动缓存性能良好更快，尤其大组件Vue2：数据一变，全树比对，老实但低效。Vue3：编译标记，精准更新，聪明又高效！Vue3 的性能提升，不只是Proxy的功劳，虚拟 DOM +

在前端开发中，事件是用户与页面交互的核心。但你是否曾被“事件流”、“冒泡”、“捕获”、“stopPropagation”这些概念绕晕？别担心！本文将用生活化比喻 + 代码实例，带你从零彻底搞懂 JavaScript 事件流机制，让你不再“似懂非懂”。当一个事件（如点击）发生时，它在 DOM 树中传播的完整路径。阶段说明捕获阶段（Capture Phase）事件从window→document→<h

为什么不是立即执行？为什么比setTimeout先执行？点击事件、定时器、网络请求，JS 是怎么“同时”处理的？这一切的背后，就是 JavaScript 的核心机制——事件循环（Event Loop）。今天，我们不用复杂术语，用一个“JS游乐场”的故事，带你轻松掌握事件循环！执行顺序类型同步代码立即执行微任务同步结束后立刻执行（全清）宏任务一轮只执行一个，再清微任务掌握事件循环，你就掌握了 Jav

Vue 3 的发布，带来了 Composition API 和基于Proxy的全新响应式系统。ref和reactive有什么区别？为什么ref要.value？为什么 Vue 3 不再需要Vue.set？今天，我们不看源码，而是从使用到原理，再到手写实现，带你彻底掌握 Vue 3 响应式的核心机制！场景推荐方案基础类型（number, string）ref复杂对象或表单reactive组合式函数返回

Vue 3 的发布，带来了 Composition API 和基于Proxy的全新响应式系统。ref和reactive有什么区别？为什么ref要.value？为什么 Vue 3 不再需要Vue.set？今天，我们不看源码，而是从使用到原理，再到手写实现，带你彻底掌握 Vue 3 响应式的核心机制！场景推荐方案基础类型（number, string）ref复杂对象或表单reactive组合式函数返回