Vue 企業開發實戰

肖睿任職於北大課工場。北大課工場是專註因特網教育的生態平臺，針對行業的快速變化，建設並維護了中國和北美的327人一線大咖團隊，由他們直接參與課程研發和提供授課服務。大咖團隊不乏來自BAT等國內知名因特網技術公司的技術專家、技術大牛、CTO和CEO，其中絕大部分擁有超過10年的技術研發實戰經驗，這樣可以讓學員拿到因特網一線企業項目進行實戰化練習，真正起到“名師出高徒”的傳幫帶效應。同時課工場也為高校、企業、行業提供教育技術賦能，依托Transform只能教育生態平臺，打造智慧校園、企業大學、行業培訓的教育場景，提供一站式教育解決方案。

第1章大覓項目架構設計1 
任務1大覓項目業務場景3 
1.1.1大覓項目業務分析4 
1.1.2大覓項目業務梳理6 
1.1.3大覓項目技術棧選型7 
任務2大覓項目環境搭建7 
1.2.1 Node.js的介紹8 
1.2.2什麼是NPM 9 
1.2.3安裝cnpm 9 
1.2.4 Vue-cli腳手架10 
1.2.5上機訓練14 
任務3前端架構設計14 
1.3.1分層架構&模塊化14 
1.3.2分離方式15 
1.3.3 Visual Studio Code免費跨平臺編輯器16 
1.3.4 UI框架17 
1.3.5上機訓練20 
1.3.6構建工具Webpack 20 
1.3.7上機訓練23 
本章作業24 
第2章大覓項目中ES6的使用25 
任務1 let和const命令27 
2.1.1 let命令27 
2.1.2上機訓練30 
2.1.3 const命令30 
任務2變量的解構賦值31 
2.2 .1數組的解構賦值31 
2.2.2對象的解構賦值33
2.2.3上機訓練34 
任務3使用箭頭函數34 
2.3.1箭頭函數起因34 
2.3.2箭頭函數定義36 
2.3.3和普通函數的區別36 
2.3.4箭頭函數不適用場景38 
任務4 Map數據結構40 
2.4.1 Map數據結構的特點40 
2.4.2如何創建Map 41 
2.4.3 Map常用屬性及方法41 
任務5 Module的語法44 
2.5.1概述44 
2.5.2 export、import命令44 
2.5.3 export default命令46 
任務6 Promise對象46 
2.6.1 Promise的含義46 
2.6.2基本用法47 
本章作業48 
第3章大覓項目的路由配置49 
任務1什麼是前端路由50 
3.1.1什麼是路由50 
3.1.2前端路由51 
3.1.3前端路由的使用場景51 
任務2 Vue Router基本使用52 
3.2.1安裝路由52 
3.2.2建立路由器模塊53 
3.2.3啟動路由器53 
3.2.4路由重定向54 
3.2.5路由懶加載55 
3.2.6　　56 
3.2.7路由對象屬性57 
任務3頁面間導航57 
3.3.1 router.push 58 
3.3.2 router.replace 58 
3.3.3 router.go 58 
本章作業59 
第4章初識Vue.js 61 
任務1 Vue .js是什麼62 
4.1.1 MVVM模式63 
4.1.2 Vue.js的開發模式63 
4.1.3單文件組件64 
任務2 Vue實例與數據綁定65 
4.2.1實例與數據65 
4.2.2插值表達式66 
4.2.3生命週期68 
任務3 class與style綁定71 
4.3.1瞭解v-bind指令71 
4.3.2綁定class的方式72 
4.3.3綁定內聯樣式76 
本章作業77 
第5章大覓項目中與服務端通信79 
任務1 connect-mock-middleware工具的使用81 
5.1.1添加middleware 81 
5.1.2寫mock文件81 
任務2 Mock.js語法84 
5.2.1 Mock.js基本介紹84 
5.2.2 Mock.js語法規範84 
任務3 snail mock工具使用87
任務4 Axios的安裝及配置88 
5.4.1 Axios基本介紹88 
5.4.2 Axios安裝使用88 
5.4.3 Axios封裝及調用90 
5.4.4請求設置90 
5.4.5返迴響應概要91 
5.4.6攔截器92 
5.4 .7上機訓練93 
任務5大覓項目的服務端通信配置93 
本章作業93 
第6章Vue.js指令95 
任務1條件渲染指令96 
6.1.1 v-if指令97 
6.1.2 v-else指令97 
6.1.3 v-show指令98 
6.1.4 v-if與v-show的選擇99 
任務2列表渲染v-for指令100 
6.2.1基本用法100 
6.2.2遍歷對象100 
6.2.3遍歷數組101 
6.2. 4 key屬性102 
6.2.5上機訓練102 
任務3方法與事件103 
6.3.1 v-on指令103 
6.3.2修飾符106 
任務4 v-model與表單108 
6.4.1基本用法108 
6.4.2修飾符109 
本章作業109 
第7章組件詳解113
任務1組件概念與復用114 
7.1.1為什麼使用組件114 
7.1.2組件的複用115 
任務2使用props傳遞數據115 
7.2.1基本用法115 
7.2.2單向數據流119 
7.2.3上機訓練121 
任務3組件通信121 
7.3.1自定義事件及$emit方法121 
7.3.2兄弟組件通信的處理方式123 
任務4 slot分發內容126 
7.4.1什麼是slot 126 
7.4.2匿名slot 126 
7.4.3具名slot 128 
本章作業129 
第8章計算屬性和偵聽器131 
任務1計算屬性132 
8.1.1什麼是計算屬性132 
8.1.2計算屬性用法134 
8.1.3計算屬性緩存137 
8.1.4上機訓練139 
任務2偵聽器139 
8.2.1什麼是偵聽器139 
8.2.2計算屬性vs偵聽器140 
本章作業143 
第9章大覓項目中插件的使用145 
任務1百度地圖插件146 
9.1.1百度地圖基本介紹146 
9.1.2百度地圖基本使用147 
9.1.3上機訓練150
任務2狀態管理與Vuex 151 
9.2.1狀態管理與使用場景151 
9.2.2 Vuex基本用法152 
任務3二維碼插件156 
9.3.1使用場景156 
9.3.2 QRCode插件使用156 
本章作業157 
第10章大覓項目總結159 
任務1大覓項目起步160 
10.1.1項目前期準備160 
10.1.2 Vue框架162 
任務2梳理大覓項目技能點162 
10.2.1項目框架搭建及配置162 
10.2.2梳理項目技能點163 
本章作業168