# 💚 Vue 核心技术

Vue是渐进式JavaScript框架，通过响应式数据绑定和组件系统构建交互式Web界面。

## 🎯 学习目标

### 核心能力
- **组件开发**：Options API、Composition API、单文件组件
- **响应式系统**：reactive、ref、computed、watch
- **组件通信**：Props、Emit、Provide/Inject、Vuex/Pinia
- **路由管理**：Vue Router、导航守卫、路由懒加载
- **状态管理**：Vuex、Pinia、组合式API状态

### 技术深度
- **响应式原理**：Proxy代理、依赖追踪、副作用
- **虚拟DOM**：Diff算法、编译优化
- **生命周期**：组件生命周期钩子、组合式API生命周期
- **TypeScript集成**：类型定义、泛型组件、类型推断

## 📚 核心内容

### 1. Vue 3基础
- 模板语法
- 响应式数据
- 计算属性
- 侦听器
- 类与样式绑定

### 2. Composition API
- setup函数
- reactive/ref
- computed/watch
- 生命周期钩子
- 组合式函数

### 3. 组件系统
- 组件注册
- Props与Emit
- 插槽Slots
- Provide/Inject
- 动态组件

### 4. 路由与状态
- Vue Router v4
- Pinia状态管理
- 路由守卫
- 持久化状态

### 5. 工程化
- Vite构建
- TypeScript
- 测试
- 性能优化