Appearance
Vue
Vue 笔记不按官网 API 重新抄一遍,而是按一个项目从立项、开发、交付到维护的生命周期整理。
核心原则:
- 官网负责解释 API 是什么。
- 这里负责记录项目中如何组织、如何取舍、如何封装、如何维护。
- 基础概念只保留二次理解和容易踩坑的部分。
模块结构
| 模块 | 内容边界 |
|---|---|
| 01 Core Model | 响应式、Composition API、生命周期等核心机制的二次理解 |
| 02 Components | 组件封装、组件设计模式、通用组件库、二次封装案例 |
| 03 Client State | 组件通信、Pinia、本地状态、跨页面状态 |
| 04 Server State | 请求封装、缓存、错误重试、服务端数据管理 |
| 05 Routing | 路由结构、页面组织、导航守卫 |
| 06 Auth Permission | 鉴权、动态菜单、权限指令、登录态恢复 |
| 07 UI System | UI 库集成、主题、表单、弹窗、i18n |
| 08 Engineering | 构建、部署、环境变量、CI、代码生成 |
| 09 Quality | 测试、调试、性能、可观测性 |
| 10 Maintenance | 升级、重构、依赖治理、技术债 |
当前重点
内容写法
每篇笔记优先回答三个问题:
- 这个问题在项目中什么时候出现?
- 常见做法为什么不够好?
- 当前推荐方案是什么,以及它的边界是什么?
Legacy
legacy/ 保存旧笔记,只有经过重新理解和整理后,才移动到正式模块中。