!MOC-Vue

Vue（Vue）MOC

Vue 是一个渐进式 JavaScript 框架，用于构建用户界面。

学习路径：学习 Vue 前需要掌握 JavaScript 基础。Vue 通常配合 状态管理（Vuex/Pinia）使用，推荐学习 TypeScript 增强类型安全。

---

📚 核心主题

• 依赖收集） — Vue 响应式系统原理（基于 JavaScript Proxy）
• Vue 组件通信 — 组件间通信方案（可配合 Pinia 使用）
• Vue 性能优化 — Vue 性能优化技巧（详见 性能优化 MOC）

---

🎯 核心概念

基础概念

• 模板语法
• 指令系统
• 计算属性和侦听器
• 组件基础

组件系统

• 组件通信（Props、Events、Provide/Inject）
• 插槽（Slots）
• 动态组件
• 异步组件

Composition API

• setup 函数
• 响应式 API
• 生命周期 Hooks
• 依赖注入

性能优化

• 虚拟 DOM（深入学习：性能优化 MOC）
• 组件懒加载（详见 代码分割）
• 列表渲染优化
• 计算属性缓存

---

📝 学习建议

1. 前置知识：必须掌握 JavaScript 基础，推荐学习 TypeScript
2. 学习顺序：JavaScript → Vue → 状态管理（Pinia/Vuex）→ 工程化工具
3. 配套学习：
   • 状态管理：Pinia（Vue 3 推荐）或 Vuex
   • 测试：Vue 组件测试
   • 性能优化：Vue 性能优化技巧
4. 对比学习：可以对比学习 React 和 Angular，理解不同框架的设计理念

---

📖 学习资源

• Vue 官方文档
• Vue 3 文档

---

vue 前端框架 响应式