Appearance
Vue Ecosystem 模块学习地图
模块价值
Vue Ecosystem 模块不是一串题目目录，而是一组围绕 应用分层、渲染模式、构建链路 展开的知识面。真正有用的复习方式，是先识别题型，再建立主链，最后把答案落回真实系统。
阅读顺序
- 第 1 步：先读 Pinia：store 定义、响应式共享与模块边界，先建立 链路型 题的回答骨架。
- 第 2 步：先读 路由、状态与页面数据：前端应用的状态分层，先建立 链路型 题的回答骨架。
- 第 3 步：先读 SSR、CSR 与 Hydration：首屏、交互与渲染模式差异，先建立 对比型 题的回答骨架。
- 第 4 步：先读 Vite 构建链路：开发服务器、预构建与生产产物，先建立 链路型 题的回答骨架。
- 第 5 步：先读 Vue 应用性能：组件更新边界、稳定性与常见热点，先建立 链路型 题的回答骨架。
- 第 6 步：先读 Vue Router：路由匹配、导航守卫与异步页面切换，先建立 链路型 题的回答骨架。
题型分层
- 链路型题目：5 篇，复习时优先把同类题放在一起比较。
- 对比型题目：1 篇，复习时优先把同类题放在一起比较。
高频主链
- 先抓 应用分层，再补 渲染模式，最后回到 构建链路 和真实项目
- Vue Ecosystem 模块内部的问题不要平铺理解，最好按“题型 -> 主链 -> 项目映射”三层推进
- 读完之后仍然不能把题目挂回系统上下文，说明模块主链还没有搭起来
跨模块连接
- Vue Ecosystem 经常和 Vue Core 一起出现，复习时最好连读。
- Vue Ecosystem 经常和 工程化与性能 一起出现，复习时最好连读。
- Vue Ecosystem 经常和 网络请求 一起出现，复习时最好连读。