**1.1.1.** **官網(wǎng)**
1) 英文官網(wǎng): [https://vuejs.org/](https://vuejs.org/)
2) 中文官網(wǎng): [https://cn.vuejs.org/](https://cn.vuejs.org/)
**1.1.2.** **介紹描述**
1) 漸進(jìn)式 JavaScript 框架
2) 作者: 尤雨溪(一位華裔前 Google 工程師)
3) 作用: 動(dòng)態(tài)構(gòu)建用戶界面
**1.1.3. Vue** **的特點(diǎn)**
1) 遵循 MVVM 模式
2) 編碼簡(jiǎn)潔, 體積小, 運(yùn)行效率高, 適合移動(dòng)/PC 端開(kāi)發(fā)
3) 它本身只關(guān)注 UI, 可以輕松引入 vue 插件或其它第三庫(kù)開(kāi)發(fā)項(xiàng)目
**1.1.4.** **與其它前端** **JS** **框架的關(guān)聯(lián)**
1) 借鑒 angular 的**模板**和**數(shù)據(jù)綁定**技術(shù)
2) 借鑒 react 的**組件化**和**虛擬** **DOM** 技術(shù)
**1.1.5. Vue** **擴(kuò)展插件**
1) vue-cli: vue 腳手架
2) vue-resource(axios): ajax 請(qǐng)求
3) vue-router: 路由
4) vuex: 狀態(tài)管理
5) vue-lazyload: 圖片懶加載
6) vue-scroller: 頁(yè)面滑動(dòng)相關(guān)
7) mint-ui: 基于 vue 的 UI 組件庫(kù)(移動(dòng)端)
8) element-ui: 基于 vue 的 UI 組件庫(kù)(PC 端)
- vue 核心
- 1.1. Vue 的基本認(rèn)識(shí)
- 1.2. Vue 的基本使用
- 1.3. 模板語(yǔ)法
- 1.4. 計(jì)算屬性和監(jiān)視
- 1.5. class 與 style 綁定
- 1.6. 條件渲染
- 1.7. 列表渲染
- 1.8. 事件處理
- 1.9. 表單輸入綁定
- 1.10. Vue 實(shí)例生命周期
- 1.11. 過(guò)渡&動(dòng)畫
- 1.12. 過(guò)濾器
- 1.13. 內(nèi)置指令與自定義指令
- 1.14. 自定義插件
- 第二章：vue 組件化編碼
- 2.1使用 vue-cli 創(chuàng)建模板項(xiàng)目
- 2.2. 項(xiàng)目的打包與發(fā)布
- 2.3. eslint
- 2.4. 組件定義與使用
- 2.5. 組件間通信
- 2.6. 組件間通信 1: props
- 2.7. 組件間通信 2: vue 自定義事件
- 2.8. 組件間通信 3: 消息訂閱與發(fā)布(PubSubJS 庫(kù))
- 2.9. 組件間通信 4: slot
- 2.10. demo1
- 2.11. demo2