第一部分：vue 体验、入门、基础

在这个过程中:

1. 了解 vue 的产生，解决的问题
2. 了解 vue 的语法和指令以及基本的 api
3. 学会设计组件，了解组件化开发

目标：写一个 Todo List 组件，实现 CRUD 基本操作。

流程：

1. vue 体验
2. vue 是什么
3. vue 安装和运行
4. vue 基础
   • 渲染声明
   • 指令
   • 属性绑定
   • 条件双向绑定
   • 列表渲染
   • 事件处理
   • 表单输入绑定
   • 计算属性和侦听器
   • 生命周期
   • 组件 (什么是组件，组件化开发，定义组件，组件通信)
5. 练习：Todo List

第二部分：进阶与实战

在这个过程中:

1. 了解前端工程化开发的概念
2. 了解前端工程化中的：基础选型 -> 搭建构建 -> 开发联调 -> 测试 -> 上线 -> 发布
3. 学会使用 vue-cli 快速开始 vue 工程的搭建
4. 学会使用 vue-element-admin 直接来进行 Web 应用开发

目标：学会使用 vue-cli 搭建 vue 工程，学会 vue-element-admin 快速开发项目

流程：

1. 前端工程化 PPT

2. 学会利用 vue-cli 快速开始 vue 工程的搭建

   • 技术选型（如何选，选什么）
   • vue-cli 是官方出的脚手架工具，提供了最佳实践
   • vue-cli 安装，运行 vuejs-templates
   • 创建项目
   • vuejs-templates 中的 vue 项目工程介绍
   • 向创建的项目中安装工具：element-UI、axios、vue-router、vuex、lodash/underscore...

3. 直接使用 vue-element-admin 来开发 Web 项目