基礎(chǔ)應(yīng)用篇 第　1章 Vue.js基礎(chǔ)　1 1.1　Vue.js簡(jiǎn)介　2 1.1.1　Vue.js基礎(chǔ)　2 1.1.2　Vue.js的特點(diǎn)　2 1.2　Vue.js的獲取與使用　3 1.2.1　Vue.js開(kāi)發(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 習(xí)　題　12 第　2章 Vue.js數(shù)據(jù)綁定　13 2.1　模板語(yǔ)法　14 2.1.1　插值　14 2.1.2　表達(dá)式　15 2.2　響應(yīng)式聲明渲染機(jī)制　16 2.2.1　響應(yīng)式聲明渲染機(jī)制簡(jiǎn)介　16 2.2.2　Vue.js屬性綁定　19 2.2.3　Vue.js雙向數(shù)據(jù)綁定　20 2.3　Vue.js計(jì)算屬性　21 2.3.1　計(jì)算屬性　21 2.3.2　計(jì)算屬性與方法的區(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 習(xí)　題　29 第3章 Vue.js指令　30 3.1　Vue.js指令概述　31 3.1.1　Vue.js指令　31 3.1.2　指令參數(shù)　31 3.1.3　動(dòng)態(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 習(xí)　題　59 第4章 Vue.js事件處理　61 4.1　Vue.js事件處理器　62 4.1.1　監(jiān)聽(tīng)事件　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　鼠標(biāo)按鍵修飾符　73 4.3　watch偵聽(tīng)　73 4.3.1　偵聽(tīng)器　73 4.3.2　深層偵聽(tīng)器　74 4.3.3　即時(shí)回調(diào)的偵聽(tīng)器　77 4.3.4　this.$watch　78 4.3.5　停止偵聽(tīng)器　79 本章小結(jié)　80 習(xí)　題　80 第5章 Vue.js樣式綁定　81 5.1　Vue.js綁定樣式　82 5.1.1　靜態(tài)綁定樣式　82 5.1.2　動(dòng)態(tài)綁定樣式　83 5.1.3　綁定多個(gè)樣式　87 5.2　通過(guò)數(shù)組綁定樣式　89 5.3　Vue.js綁定內(nèi)聯(lián)樣式　91 5.3.1　直接綁定內(nèi)聯(lián)樣式　91 5.3.2　通過(guò)數(shù)組綁定內(nèi)聯(lián)樣式　93 5.4　使用計(jì)算屬性綁定樣式　95 本章小結(jié)　97 習(xí)　題　97 高級(jí)應(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　組件的注冊(cè)與使用　106 6.2　組件高級(jí)應(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 習(xí)　題　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　編程式導(dǎo)航　159 本章小結(jié)　161 習(xí)　題　161 第8章 Vue.js渲染方法　163 8.1　虛擬節(jié)點(diǎn)　164 8.1.1　DOM節(jié)點(diǎn)樹(shù)　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 習(xí)　題　177 實(shí)戰(zhàn)篇 第9章 “待辦事項(xiàng)”項(xiàng)目　179 9.1　Vue.js開(kāi)發(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項(xiàng)目　183 9.2.1　vue create命令創(chuàng)建項(xiàng)目　183 9.2.2　圖形化界面創(chuàng)建項(xiàng)目　184 9.2.3　項(xiàng)目文件結(jié)構(gòu)　188 9.3　項(xiàng)目功能開(kāi)發(fā)　191 9.3.1　項(xiàng)目分析　191 9.3.2　初始化項(xiàng)目　192 9.3.3　代碼實(shí)現(xiàn)　193 9.3.4　運(yùn)行和打包　201 本章小結(jié)　201 第　10章 “大學(xué)生志愿者服務(wù)”項(xiàng)目　202 10.1　項(xiàng)目分析　203 10.1.1　項(xiàng)目展示　203 10.1.2　技術(shù)方案　204 10.2　工程化項(xiàng)目搭建　205 10.2.1　創(chuàng)建項(xiàng)目　205 10.2.2　項(xiàng)目目錄　206 10.2.3　資源準(zhǔn)備　206 10.2.4　Mock數(shù)據(jù)　208 10.3　項(xiàng)目功能開(kāi)發(fā)　209 10.3.1　頁(yè)面入口　209 10.3.2　首頁(yè)　211 10.3.3　個(gè)人信息維護(hù)　213 10.3.4　積分排名　216 10.3.5　活動(dòng)列表　217 10.3.6　活動(dòng)詳情　219 10.3.7　我的報(bào)名　221 10.3.8　服務(wù)記錄上傳　222 10.3.9　服務(wù)記錄列表　226 10.3.10　服務(wù)記錄詳情　228 本章小結(jié)　228