Vue 企業開發實戰
內容描述
本書以Vue.js 2為基礎，以項目實戰的方式引導讀者漸進式學習Vue.js框架。本書分為項目起步、Vue.js介紹、項目插件、項目梳理等部分。“項目起步”主要是對大覓項目架構設計以及項目中使用的ECMAScript6內容進行介紹；“Vue.js介紹”主要是講解Vue.js框架的核心功能；“項目插件”主要是介紹Vuex、百度地圖以及生成二維碼插件的使用；“項目梳理”則梳理大覓項目每一個頁面的技能點並且分析頁面的實現思路。經過項目實戰之後，讀者可以掌握工程化的前端開發方法，Vue.js框架主要API的使用方法、單文件組件、組件通信、Axios等。
本書示例豐富，側重實戰，適用於剛接觸或即將接觸Vue.js的開發者，也適合有Vue.js開發經驗但還需進一步提升的開發者。
目錄大綱
第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
作者介紹
肖睿任職於北大課工場。北大課工場是專注互聯網教育的生態平台，針對行業的快速變化，建設並維護了中國和北美的327人一線大咖團隊，由他們直接參與課程研發和提供授課服務。大咖團隊不乏來自BAT等國內知名互聯網技術公司的技術專家、技術大牛、CTO和CEO，其中絕大部分擁有超過10年的技術研發實戰經驗，這樣可以讓學員拿到互聯網一線企業項目進行實戰化練習，真正起到“名師出高徒”的傳幫帶效應。同時課工場也為高校、企業、行業提供教育技術賦能，依托Transform只能教育生態平台，打造智慧校園、企業大學、行業培訓的教育場景，提供一站式教育解決方案。
