💚 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

• 测试

• 性能优化