学习路线建议
学框架最大的误区是「收藏教程、不开编辑器」。推荐的路线是:原生基础打底 → 选定一个框架 → 官方文档 + 完整小项目 → 补齐工程化周边 → 读源码级开源项目。框架永远在迭代,但「组件拆分、数据流、路由、状态管理」这套思维方式是通用的。
第一个项目建议做「能落地的小东西」:记账本、读书清单、天气面板,功能控制在两周内做完。刻意练习完整链路:组件拆分 → props/emit(或 props/回调)→ 路由 → 状态管理 → 请求封装 → 打包部署上线。做完再回头优化,你会对「为什么需要这些工具」有体感。
之后的进阶方向:TypeScript(类型安全,中大型项目标配)、UI 组件库(Element Plus、Ant Design)、性能优化(懒加载、虚拟列表)、面试高频原理题(响应式实现、diff 算法、hooks 原理)。记住:框架只是 YOU 的工具,原生 JS 功底决定天花板。
本节要点路线:一个框架深入 → 完整小项目走通全链路 → TS 与组件库 → 原理进阶;做完比看完重要,基础决定天花板。
代码
// 框架学习路线(建议按顺序)
// 1. 原生基础:DOM、事件、ES6+、异步 —— 一切框架的地基
// 2. 选定主框架(Vue 或 React),跟官方文档走一遍
// → 组件拆分 → 数据流 → 路由 → 状态管理,逐步加功能
// 3. 完整做一个小项目(两周内能上线的规模):
// 记账本 / 读书清单 / 天气面板
// 练全链路:组件 → 通信 → 路由 → 全局状态 → 部署
// 4. 工程化:Vite、npm、Git、ESLint、Prettier
// 5. 补齐周边:TypeScript、axios 封装、UI 组件库
// 6. 面试原理:响应式实现、虚拟 DOM diff、hooks 原理
//
// 避坑提醒:
// - 不要囤积教程不开编辑器
// - 不要同时学三个框架,精通一个 > 会用五个
// - 框架会过时,原生 JS 功底不会



