React Hooks 让函数组件拥有状态和生命周期能力。文章涵盖 Hooks 两条核心规则（只在顶层调用、只在 React 组件中调用）、useState / useEffect / useContext 的使用、useEffect 与 useLayoutEffect 的执行时机差异、自定义 Hook 的设计原则，以及 useMemo / useCallback 的正确使用场景和陈旧闭包问题的解

Vue Router 4 是 Vue 3 官方路由方案。文章涵盖 createRouter 配置、History/Hash 历史模式、useRouter 编程式导航与 useRoute 读取路由信息、route 响应性及解构注意事项，以及动态/嵌套路由与 router-link。重点区分 useRouter 与 useRoute，以及 params/query 的响应性。

聚焦 Vue 3 项目中的泛型实战。文章涵盖 composable 泛型（useFetch、usePagination）、ApiResponse/PageResult 统一接口类型，以及 Partial/Pick/Omit/Record/ReturnType 在编辑表单、表格列、状态映射中的用法，并介绍 TableColumn<Row> 与 generic 组件。重点说明泛型 T 用 extend

从语法与机制层面深入 Composition API。文章涵盖 setup 函数与 script setup 语法糖、编译器宏（defineProps/defineEmits/defineExpose/defineOptions/defineModel）及使用限制，setup 中无 this 的替代方式，以及 reactive/props 解构失去响应性时用 toRefs 解决。重点说明 scri

介绍 JavaScript 基本类型与引用类型，讲解 typeof、instanceof、Object.prototype.toString.call 的使用边界与易错点，并简述 ===、 == 与 Object.is 的差异，附思考题与类型判断小练习，适合巩固基础与面试准备。

Vue 响应式的核心是依赖收集 + 派发更新。Vue 2 用 Object.defineProperty 劫持属性，无法监听新增属性和数组索引，需要 $set。Vue 3 用 Proxy 解决了这些问题，惰性代理性能更好。ref 包装原始值，reactive 包装对象，computed 缓存计算，watch/watchEffect 监听变化执行副作用，nextTick 等待 DOM 更新完成。

TypeScript 泛型让代码在保持类型安全的同时具备复用性。文章涵盖泛型函数、接口和类的基础用法、通过 extends 实现泛型约束（包括 keyof 约束和多重约束）、infer 关键字在条件类型中推断类型变量的用法，以及 Partial、Pick、Omit、Record、Exclude 等常用工具类型的实现原理。重点对比了泛型与 any 的本质区别：泛型保留类型信息在编译时检查，any 放

Vue 3 是一次从底层到上层的全面重写。文章涵盖响应式系统重写（Proxy 替代 Object.defineProperty，解决了属性添加/删除检测和数组索引变更问题）、Composition API vs Options API 的代码组织方式和逻辑复用差异、模板语法变化（v-model 默认 prop 变更、v-for/v-if 优先级变化、移除 .native 修饰符）、移除的 API（

Vuex 与 Pinia 的全面对比。文章涵盖两者数据流差异（Vuex 经 mutations 改 state，Pinia 无 mutations）、API 与模块化设计对照、Pinia 取代 Vuex 的原因，以及渐进式迁移策略（共存 → 按模块迁移 → 移除 Vuex）。重点说明 Vuex mutations 必须同步是为 DevTools 时间旅行，Pinia 用多 Store 替代单 St

从渲染、响应式、代码、测量四个层面梳理 Vue 性能优化。文章涵盖 v-once/v-memo、shallowRef/markRaw、虚拟滚动、路由与组件懒加载及 Tree-shaking，并强调先测量再优化。重点对比 v-memo 与 computed 的分工，以及 shallowRef 仅在 .value 整体替换时触发更新、深层属性变化不会自动更新。