深入浅出 Vue：面向面试
面向面试的 Vue.js 深度解析,涵盖核心原理、响应式系统、虚拟 DOM、组件化、性能优化等面试高频考点
文章列表
共 12 篇响应式原理：从 Object.defineProperty 到 Proxy 的演进
从"为什么直接改数组不更新"这个经典坑出发,深入剖析 Vue 2/3 响应式系统的本质差异:依赖收集、派发更新、Proxy 的优势,以及响应式陷阱与最佳实践
虚拟 DOM 与 Diff 算法：Vue 的高效更新策略
从"为什么列表更新后输入框内容错乱"这个真实 bug 出发,深入剖析 Vue 的模板编译、虚拟 DOM 结构、Diff 算法(双端比较)以及 key 的真实作用
组件通信的 7 种方式：从父子到跨层级
系统梳理 Vue 组件通信的全部方案:props/emit、provide/inject、$attrs/$listeners、EventBus、Vuex/Pinia、$parent/$children,以及各自的适用场景和注意事项
生命周期深度解析：从创建到销毁的完整流程
深入理解 Vue 组件生命周期钩子的执行时机、父子组件生命周期顺序、Options API vs Composition API 的差异,以及常见的生命周期陷阱
computed vs watch：响应式计算的最佳实践
深入对比 computed 和 watch 的实现原理、缓存机制、性能差异,以及如何根据场景选择:computed 擅长派生状态,watch 擅长副作用
v-if vs v-show：条件渲染的性能权衡
深入对比 v-if 和 v-show 的编译结果、性能差异、使用场景,以及与 key、v-else、transition 配合使用的注意事项
nextTick 原理：DOM 更新时机与微任务
深入理解 Vue 的异步更新队列、nextTick 的实现原理、与 Event Loop 的关系,以及如何正确获取更新后的 DOM
keep-alive 缓存机制：组件复用的艺术
深入理解 keep-alive 的缓存策略(LRU)、activated/deactivated 生命周期、include/exclude 配置,以及与路由配合的最佳实践
Vuex vs Pinia：状态管理的演进
深入对比 Vuex 和 Pinia 的设计理念、核心概念、TypeScript 支持,以及如何选择合适的状态管理方案
Composition API：逻辑复用的新范式
深入理解 Composition API 的设计动机、ref vs reactive 的选择、组合式函数(Composables)的最佳实践,以及与 Options API 的对比
Vue Router 原理：SPA 路由的实现
深入理解 Hash 模式和 History 模式的原理、路由守卫执行顺序、动态路由与路由懒加载,以及导航解析流程
性能优化：从编译到运行时的最佳实践
深入理解 Vue 的编译优化(静态提升、patchFlag)、运行时优化(v-once、v-memo)、以及虚拟滚动、懒加载等工程化实践