技术喵猫巷

在 Vue 世界里，name 不是装饰，而是组件的「身份标识」。它能让递归组件找到回家的路，能让 keep-alive 精准缓存，也能让 DevTools 的层级树一目了然。

Vue3 把「编译」从简单的语法糖升级为全链路性能优化器：它把静态节点抬出渲染函数、把动态节点打上补丁标记、把事件缓存起来、把整棵树切成可跳过静态的 Block。

当我们写下 <div>{{ msg }}</div> 时，浏览器看到的既不是标签，也不是文本，而是一段可执行的 JavaScript 函数。这道转换由 Vue 的模板编译器完成。

。Vue 2 的双端 Diff 已足够优秀，但 Vue 3 通过“快速 Diff”进一步把复杂度削到极致——无一次多余移动，无一次多余创建。本文带你走进这条由索引、哈希、LIS 构成的精密流水线。

最长递增子序列正悄然成为性能分水岭。它不仅是面试的高频考点，更是 Vue3 快速 Diff 算法赖以实现 O(n log n) 复杂度的关键数据结构

Diff 算法就是「找出最小差异」的那把手术刀。Vue 2 的双端 Diff 已经很快，Vue 3 却用「快速 Diff」让它更快。

在 Vue 的响应式宇宙里，数据变化最终都会触发「副作用」：可能是重新渲染 DOM、发送网络请求，也可能是打印一条日志。Vue 提供了两条官方路线来捕获这些副作用——computed 与 watch。

在模板里写一行 {{ sum }}，背后却藏着「惰性求值 + 精准依赖收集 + 脏检查缓存」的三重魔法。本文带你钻进源码，拆解 computed 如何决定「何时算、何时不、为何不能异步」。

在模板里写一行 @click="handler"，背后却是一套从编译器到渲染器、再到 DOM 事件再绑定的精密流水线。本文带你拆解事件在 Vue 内部的完整生命周期。