課程收益：

1.快速了解和熟悉 Vue.js 基礎(chǔ)知識以及開發(fā)工具

2.快速熟悉 ES6 以及一些函數(shù)柯里化等在 Vue.js 的應(yīng)用

3.熟悉和掌握預(yù)編譯 css 在 Vue.js 的應(yīng)用

4.深入實(shí)戰(zhàn)來了解 SPA 項(xiàng)目搭建

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

6.了解組件原理，獨(dú)立編寫 Vue.js 組件

7.熟悉 1.0 和 2.0 的版本區(qū)別

8.熟悉數(shù)據(jù)流 vuex 的應(yīng)用和原理

9.了解 Vue.js 框架實(shí)現(xiàn)細(xì)節(jié)

目標(biāo)學(xué)員：

1.有一定 js 基礎(chǔ)或者對前端新技術(shù)感興趣；

2.技術(shù)主管、架構(gòu)師、各個(gè)階段的前端開發(fā)、喜歡前端的后端開發(fā)、全棧開發(fā)

課程大綱

第一章 Vue.js 入門

- 與其他框架的區(qū)別（jquery,angular,react等）

- 雙向綁定

- 指令

- 計(jì)算屬性

- 過濾器

- class 與 style

- 過渡

?

第二章 預(yù)編譯 css 基礎(chǔ)

- 優(yōu)勢是什么

- sass

- stylus

- 在 Vue.js 中的配置和應(yīng)用

?

第三章 ES6 語法補(bǔ)充

- 模塊

- 變量定義

- 函數(shù)

- Object 對象

- babel

- 函數(shù)柯里化概念補(bǔ)充

- 在 Vue.js 中的配置和應(yīng)用

?

第四章 開發(fā)工具

- IDE 推薦

- 如何調(diào)試 Vue.js

- 項(xiàng)目腳手架 vue-cli 介紹和使用
?

-vue-loader 配置和使用

?

第五章 與服務(wù)端交互方式

- 插件介紹

- 跨域

- jsonp

- 自定義請求頭

?

第六章 事件和實(shí)例方法

- method

- events

?

第七章 路由和視圖

-路由插件使用

- 搭建一個(gè) SPA 項(xiàng)目

?

第八章 常用表單

- v-model 的應(yīng)用場景

- 驗(yàn)證插件使用

- 修飾指令

?

第九章 組件開發(fā)和使用

- 基礎(chǔ)

- 模板

- 異步

- 生命周期

- 基于第三方組件開發(fā)

?

第十章 設(shè)計(jì)一個(gè)公司級組件庫

- 文件結(jié)構(gòu)

- 組件拆分

- 基于 2.0 和 1.0 開發(fā)差異

- 打包合并策略

?

第十一章 Vue.js 2.0

- 1.0 遷移 2.0 的成本和變化

- 2.0 的新增

- Virtual DOM

- 服務(wù)端渲染技術(shù)

?

第十二章 源碼實(shí)現(xiàn)分析

- 數(shù)據(jù)監(jiān)控

- 響應(yīng)式原理

- 事件綁定