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 经常和 网络请求 一起出现,复习时最好连读。