课程收益：

1.快速了解和熟悉 Vue.js 基础知识以及开发工具

2.快速熟悉 ES6 以及一些函数柯里化等在 Vue.js 的应用

3.熟悉和掌握预编译 css 在 Vue.js 的应用

4.深入实战来了解 SPA 项目搭建

5.熟悉 Vue.js 中的前后端交互方式

6.了解组件原理，独立编写 Vue.js 组件

7.熟悉 1.0 和 2.0 的版本区别

8.熟悉数据流 vuex 的应用和原理

9.了解 Vue.js 框架实现细节

目标学员：

1.有一定 js 基础或者对前端新技术感兴趣；

2.技术主管、架构师、各个阶段的前端开发、喜欢前端的后端开发、全栈开发

课程大纲

第一章 Vue.js 入门

- 与其他框架的区别（jquery,angular,react等）

- 双向绑定

- 指令

- 计算属性

- 过滤器

- class 与 style

- 过渡

 

第二章 预编译 css 基础

- 优势是什么

- sass

- stylus

- 在 Vue.js 中的配置和应用

 

第三章 ES6 语法补充

- 模块

- 变量定义

- 函数

- Object 对象

- babel

- 函数柯里化概念补充

- 在 Vue.js 中的配置和应用

 

第四章 开发工具

- IDE 推荐

- 如何调试 Vue.js

- 项目脚手架 vue-cli 介绍和使用
 

-vue-loader 配置和使用

 

第五章 与服务端交互方式

- 插件介绍

- 跨域

- jsonp

- 自定义请求头

 

第六章 事件和实例方法

- method

- events

 

第七章 路由和视图

-路由插件使用

- 搭建一个 SPA 项目

 

第八章 常用表单

- v-model 的应用场景

- 验证插件使用

- 修饰指令

 

第九章 组件开发和使用

- 基础

- 模板

- 异步

- 生命周期

- 基于第三方组件开发

 

第十章 设计一个公司级组件库

- 文件结构

- 组件拆分

- 基于 2.0 和 1.0 开发差异

- 打包合并策略

 

第十一章 Vue.js 2.0

- 1.0 迁移 2.0 的成本和变化

- 2.0 的新增

- Virtual DOM

- 服务端渲染技术

 

第十二章 源码实现分析

- 数据监控

- 响应式原理

- 事件绑定