1. Vue 2基础
1.1 Vue 2入门
- Vue 2简介
- 安装Vue 2
- 创建第一个Vue应用
1.2 Vue实例与选项
- Vue实例的生命周期
- Vue选项:data、methods、computed、watch
1.3 模板语法
- 插值(Mustache语法)
- 指令(v-bind、v-on、v-if、v-for等)
- 事件处理
1.4 组件基础
- 全局组件与局部组件
- 组件的props
- 组件的slot
2. Vue 2进阶
2.1 Vue实例深入
- Vue实例的生命周期钩子
- Vue实例的refs、slots、$emit等
2.2 组件进阶
- 组件的通信:props down, events up
- 自定义事件
- v-model在组件中的使用
- 动态组件与
2.3 Vue Router
- Vue Router简介与安装
- 路由配置
- 编程式导航
- 嵌套路由与懒加载
- 路由守卫
2.4 Vuex状态管理
- Vuex简介与安装
- State、Getter、Mutation、Action
- Vuex与组件的通信
- Vuex的模块化
3. Vue 2高级
3.1 Vue组件库
- Element UI或其他Vue组件库的使用
- 自定义主题与样式覆盖
3.2 Vue 2与第三方库集成
- Axios进行HTTP请求
- Vue与Webpack集成
- Vue与ESLint、Prettier等工具的使用
3.3 渲染函数与JSX
- 虚拟DOM与渲染函数
- JSX在Vue中的使用
3.4 Vue 2性能优化
- 组件的懒加载与异步组件
- 使用v-show代替v-if的场合
- 计算属性与方法的区别
- 使用Vue DevTools进行性能分析
3.5 Vue 2项目实战
- 搭建Vue 2项目结构
- 编写可复用的Vue组件
- 实现用户认证与权限管理
- 集成后端API进行数据交互
- 构建与部署Vue 2项目
4. Vue 2生态与扩展
4.1 Vue CLI
- Vue CLI的安装与使用
- 插件与预设
- Vue CLI UI
4.2 Vuex扩展与中间件
- Vuex-persistedstate等扩展库的使用
- Vuex的插件机制
4.3 Vue测试
- 单元测试(Jest、Vue Test Utils)
- 集成测试(Cypress、Nightwatch.js)
- E2E测试(Selenium)
4.4 Vue与服务器端渲染
- Vue Server Renderer的使用
- Nuxt.js等SSR框架的介绍