Appearance
Vue Ecosystem 高频题清单与追问树
高频题清单
1. Pinia：store 定义、响应式共享与模块边界
- 题型：链路型
- 考察点：Pinia 的核心不只是 API 更简洁，而是它与 Vue 3 响应式和 TypeScript 的耦合方式更自然
- 易混点：题型没分清时，很容易把 应用分层、渲染模式、构建链路 混成一个层级。
- 串讲顺序：先回答核心问题，再补边界、代价和项目映射。
2. 路由、状态与页面数据：前端应用的状态分层
- 题型：链路型
- 考察点：很多 Vue 项目混乱，不是因为库太多，而是 URL 状态、服务端数据和本地交互状态没有分层
- 易混点：题型没分清时，很容易把 应用分层、渲染模式、构建链路 混成一个层级。
- 串讲顺序：先回答核心问题，再补边界、代价和项目映射。
3. SSR、CSR 与 Hydration：首屏、交互与渲染模式差异
- 题型：对比型
- 考察点：渲染模式选择的关键不是“谁更快”，而是哪一段工作放在服务器，哪一段留给浏览器
- 易混点：题型没分清时，很容易把 应用分层、渲染模式、构建链路 混成一个层级。
- 串讲顺序：先回答核心问题，再补边界、代价和项目映射。
4. Vite 构建链路：开发服务器、预构建与生产产物
- 题型：链路型
- 考察点：Vite 为什么快，关键不只是 esbuild，而是开发态与生产态职责被明确拆开
- 易混点：题型没分清时，很容易把 应用分层、渲染模式、构建链路 混成一个层级。
- 串讲顺序：先回答核心问题，再补边界、代价和项目映射。
5. Vue 应用性能：组件更新边界、稳定性与常见热点
- 题型：链路型
- 考察点：Vue 性能优化的核心是减少无意义更新、降低首包与控制异步链，而不是到处加缓存
- 易混点：题型没分清时，很容易把 应用分层、渲染模式、构建链路 混成一个层级。
- 串讲顺序：先回答核心问题，再补边界、代价和项目映射。
6. Vue Router：路由匹配、导航守卫与异步页面切换
- 题型：链路型
- 考察点：路由系统的本质是 URL 状态机，而不是若干页面组件的映射表
- 易混点：题型没分清时，很容易把 应用分层、渲染模式、构建链路 混成一个层级。
- 串讲顺序：先回答核心问题，再补边界、代价和项目映射。
每题考察点
- Vue Ecosystem 模块的高频题，通常不是单点记忆，而是在看你能否把 应用分层、渲染模式、构建链路 连起来讲
- 同一题连续被深挖时，往往是在验证你是不是只会背第一层结论
- 真正稳定的回答，必须包含边界、代价和实际落地
易混点与串讲顺序
- 先分题型，再定讲法，不要所有题都用同一套口径
- 对比型题先拆对象，机制型题先讲参与者和流程，治理型题先讲症状和闭环
- 一开口就急着给结论，通常说明上下文还没搭起来
模拟追问树
- 第一层通常会追到 应用分层
- 第二层会继续追到 渲染模式 的内部细节
- 第三层往往回到 构建链路、项目经验和权衡依据
使用建议
- 优先挑 3 到 5 个最高频问题练成稳定串讲，再逐步扩充
- 复习时把同题型问题放在一起，会比按目录顺序硬刷更有效
- 项目面准备时，先看本页，再回到对应单篇文档准备项目映射