Skip to content

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 SystemUI 库集成、主题、表单、弹窗、i18n
08 Engineering构建、部署、环境变量、CI、代码生成
09 Quality测试、调试、性能、可观测性
10 Maintenance升级、重构、依赖治理、技术债

当前重点

内容写法

每篇笔记优先回答三个问题:

  1. 这个问题在项目中什么时候出现?
  2. 常见做法为什么不够好?
  3. 当前推荐方案是什么,以及它的边界是什么?

Legacy

legacy/ 保存旧笔记,只有经过重新理解和整理后,才移动到正式模块中。