基礎(chǔ)應(yīng)用篇 第　1章 Vue.js基礎(chǔ)　1 1.1　Vue.js簡介　2 1.1.1　Vue.js基礎(chǔ)　2 1.1.2　Vue.js的特點　2 1.2　Vue.js的獲取與使用　3 1.2.1　Vue.js開發(fā)環(huán)境　3 1.2.2　以直接引入方式使用Vue.js　8 1.2.3　以構(gòu)建方式使用Vue.js　9 1.3　MVVM模式與Vue.js應(yīng)用　10 1.3.1　雙向數(shù)據(jù)綁定　10 1.3.2　MVVM模式　11 1.3.3　創(chuàng)建MVVM模式的Web前端應(yīng)用　11 本章小結(jié)　12 習　題　12 第　2章 Vue.js數(shù)據(jù)綁定　13 2.1　模板語法　14 2.1.1　插值　14 2.1.2　表達式　15 2.2　響應(yīng)式聲明渲染機制　16 2.2.1　響應(yīng)式聲明渲染機制簡介　16 2.2.2　Vue.js屬性綁定　19 2.2.3　Vue.js雙向數(shù)據(jù)綁定　20 2.3　Vue.js計算屬性　21 2.3.1　計算屬性　21 2.3.2　計算屬性與方法的區(qū)別　23 2.4　Vue.js生命周期　25 2.4.1　Vue.js生命周期圖解　25 2.4.2　Vue.js生命周期詳解　26 2.4.3　Vue.js生命周期函數(shù)主要業(yè)務(wù)應(yīng)用　29 本章小結(jié)　29 習　題　29 第3章 Vue.js指令　30 3.1　Vue.js指令概述　31 3.1.1　Vue.js指令　31 3.1.2　指令參數(shù)　31 3.1.3　動態(tài)參數(shù)　31 3.1.4　指令修飾符　32 3.2　Vue.js指令詳解　32 3.2.1　v-once指令　32 3.2.2　v-text和v-html指令　33 3.2.3　v-pre指令　34 3.2.4　v-cloak指令　35 3.2.5　v-memo指令　36 3.2.6　v-bind指令　37 3.2.7　v-on指令　42 3.2.8　v-for指令　42 3.2.9　v-if指令　47 3.2.10　v-show指令　50 3.3　表單輸入綁定　51 3.3.1　v-model指令　51 3.3.2　v-model綁定value屬性　52 3.3.3　v-model的修飾符　59 本章小結(jié)　59 習　題　59 第4章 Vue.js事件處理　61 4.1　Vue.js事件處理器　62 4.1.1　監(jiān)聽事件　62 4.1.2　方法事件處理器　62 4.1.3　內(nèi)聯(lián)事件處理器　64 4.2　修飾符　67 4.2.1　事件修飾符　67 4.2.2　按鍵修飾符　69 4.2.3　鼠標按鍵修飾符　73 4.3　watch偵聽　73 4.3.1　偵聽器　73 4.3.2　深層偵聽器　74 4.3.3　即時回調(diào)的偵聽器　77 4.3.4　this.$watch　78 4.3.5　停止偵聽器　79 本章小結(jié)　80 習　題　80 第5章 Vue.js樣式綁定　81 5.1　Vue.js綁定樣式　82 5.1.1　靜態(tài)綁定樣式　82 5.1.2　動態(tài)綁定樣式　83 5.1.3　綁定多個樣式　87 5.2　通過數(shù)組綁定樣式　89 5.3　Vue.js綁定內(nèi)聯(lián)樣式　91 5.3.1　直接綁定內(nèi)聯(lián)樣式　91 5.3.2　通過數(shù)組綁定內(nèi)聯(lián)樣式　93 5.4　使用計算屬性綁定樣式　95 本章小結(jié)　97 習　題　97 高級應(yīng)用篇 第6章 Vue.js組件　99 6.1　組件基礎(chǔ)　100 6.1.1　以非構(gòu)建方式定義組件　100 6.1.2　以構(gòu)建方式定義組件　102 6.1.3　組件的注冊與使用　106 6.2　組件高級應(yīng)用　109 6.2.1　組件插槽　109 6.2.2　傳遞數(shù)據(jù)　115 6.2.3　組件中的事件　119 6.2.4　數(shù)據(jù)依賴注入　124 本章小結(jié)　130 習　題　130 第7章 Vue.js路由　132 7.1　路由基礎(chǔ)　133 7.2　以構(gòu)建方式使用路由　135 7.3　帶參數(shù)路由的匹配　138 7.3.1　路由參數(shù)　139 7.3.2　路由參數(shù)匹配規(guī)則　141 7.4　嵌套路由　144 7.5　命名路由　149 7.6　命名視圖　151 7.7　路由別名與重定向　157 7.8　編程式導航　159 本章小結(jié)　161 習　題　161 第8章 Vue.js渲染方法　163 8.1　虛擬節(jié)點　164 8.1.1　DOM節(jié)點樹　164 8.1.2　虛擬DOM　164 8.1.3　創(chuàng)建VNode　165 8.2　渲染方法　167 8.3　JavaScript代碼代替模板功能　170 8.3.1　v-if和v-for　170 8.3.2　v-model　172 8.3.3　slots　175 本章小結(jié)　177 習　題　177 實戰(zhàn)篇 第9章 “待辦事項”項目　179 9.1　Vue.js開發(fā)環(huán)境　180 9.1.1　Node.js環(huán)境　180 9.1.2　包管理工具　181 9.1.3　安裝Vue CLI腳手架　182 9.2　創(chuàng)建Vue.js項目　183 9.2.1　vue create命令創(chuàng)建項目　183 9.2.2　圖形化界面創(chuàng)建項目　184 9.2.3　項目文件結(jié)構(gòu)　188 9.3　項目功能開發(fā)　191 9.3.1　項目分析　191 9.3.2　初始化項目　192 9.3.3　代碼實現(xiàn)　193 9.3.4　運行和打包　201 本章小結(jié)　201 第　10章 “大學生志愿者服務(wù)”項目　202 10.1　項目分析　203 10.1.1　項目展示　203 10.1.2　技術(shù)方案　204 10.2　工程化項目搭建　205 10.2.1　創(chuàng)建項目　205 10.2.2　項目目錄　206 10.2.3　資源準備　206 10.2.4　Mock數(shù)據(jù)　208 10.3　項目功能開發(fā)　209 10.3.1　頁面入口　209 10.3.2　首頁　211 10.3.3　個人信息維護　213 10.3.4　積分排名　216 10.3.5　活動列表　217 10.3.6　活動詳情　219 10.3.7　我的報名　221 10.3.8　服務(wù)記錄上傳　222 10.3.9　服務(wù)記錄列表　226 10.3.10　服務(wù)記錄詳情　228 本章小結(jié)　228