Vue.js 课程大纲
基础入门
- Vue.js 简介和特性
- 开发环境搭建 (Vue CLI, Vite)
- 创建第一个 Vue 应用
- Vue 实例和生命周期
- 模板语法和数据绑定
核心概念
- 组件化开发
- 组件通信 (Props, Events, Provide/Inject)
- 计算属性和侦听器
- 条件渲染和列表渲染
- 表单输入绑定
组件和样式
- 单文件组件 (.vue 文件)
- 组件注册 (全局和局部)
- Scoped CSS
- CSS 预处理器 (Sass, Less)
- 动态样式和类绑定
高级特性
- Vue Router
- Vuex 状态管理
- 混入 (Mixins)
- 自定义指令
- 插件系统
性能优化
- 虚拟 DOM 和 diff 算法
- 异步组件
- keep-alive 组件缓存
- 懒加载和代码分割
工具和生态系统
- Vue DevTools
- Vue Test Utils
- Vue CLI
- Nuxt.js (Vue.js 服务端渲染框架)
最佳实践
- 项目结构组织
- 代码风格和规范
- 错误处理和调试技巧
- 性能优化策略
高级主题
- TypeScript 与 Vue
- 渲染函数和 JSX
- 服务端渲染 (SSR)
- 静态站点生成 (SSG)
实战项目
工具和资源
- 常用 UI 组件库 (Element UI, Vuetify)
- 状态管理替代方案 (Pinia)
- 社区插件和资源
- 官方文档和学习资源
Vue 3 新特性
- Composition API
- Teleport 组件
- 片段 (Fragments)
- 从 Vue 2 迁移到 Vue 3
前沿技术
- Vite 构建工具
- Vue 3 + TypeScript
- 响应式框架 (如 VueUse)
- 服务端组件 (实验性)
