課程收益：

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

- 服務端渲染技術

?

第十二章 源碼實現分析

- 數據監控

- 響應式原理

- 事件綁定