Area: Vue
Vue (读音 /vjuː/) 是一套用于构建用户界面的渐进式框架，采用数据驱动和组件化思想。
领域定义
- 核心范畴：构建用户界面（Web/移动端）
- 不包括：服务端渲染（Nuxt 除外）、Node.js 后端开发
- 与相关领域的区别：
- vs React：Vue 更倾向约定优于配置，单文件组件更直观
- vs Angular：Vue 更轻量，学习曲线更平缓
长期目标
- 目标 1：掌握 Vue3 生态，能够独立构建中大型 Vue 应用
- 目标 2：深入理解 Vue 响应式系统和渲染机制
- 目标 3：对 vue3 源码有一定理解
- 里程碑：
- 阶段 1：掌握 Vue3 基础 + 组合式 API
- 阶段 2：完成 Vue3 + Vite + Pinia 项目实战
- 阶段 3：深入响应式原理源码
- 阶段 4：贡献开源或自研组件库
关键领域
链接子领域（area）或核心概念（concept），不直接链接原子笔记
- 子领域
- Vue Router — 路由管理（独立领域）
- Pinia — 状态管理（独立领域）
- 核心概念
- 响应式原理(Vue3) — 数据驱动的核心
- 模板编译(Vue3) — 模板到渲染函数的转换
- 虚拟DOM(Vue3) — 性能优化的基础
- 生命周期(Vue3)
- Diff算法(Vue3)
- 组件化 — 组件系统与生命周期
知识网络
- 上游支撑（理论基础）
- JavaScript：Vue 基于 JS 开发
- HTML CSS：模板和样式
- 下游应用（实际使用）
- 前端开发：Vue 是前端开发的重要框架
- 协同领域
- React：对比学习，理解不同框架思想
- TypeScript：Vue3 原生支持 TS
- 对立概念
- 原生 DOM 操作：Vue 屏蔽了直接 DOM 操作
FAQ
- MOC-Vue 面试题 — 常见面试问题汇总
- Q-Vue编译器如何优化 — Vue 编译器的优化原理
- Q-Vapor Mode是什么 — Vue 新的编译策略
领域健康度
| 维度 | 状态 | 说明 |
|---|---|---|
| 目标进展 | 🟡 | 需按里程碑推进 |
| 认知更新 | 🟢 | 持续补充新概念 |
| 行动频率 | 🟡 | 需要更多实践 |