循序漸進(jìn)Vue js 3前端開發(fā)實(shí)戰(zhàn)

循序漸進(jìn)Vue.js3前端開發(fā)實(shí)戰(zhàn)讀書筆記模板01思維導(dǎo)圖讀書筆記作者介紹內(nèi)容摘要目錄分析精彩摘錄目錄0305020406思維導(dǎo)圖實(shí)戰(zhàn)前端開發(fā)第章開發(fā)框架教學(xué)工具組件小結(jié)列表數(shù)據(jù)使用應(yīng)用頁面范例開發(fā)方法用戶框架本書關(guān)鍵字分析思維導(dǎo)圖內(nèi)容摘要內(nèi)容摘要本書以一個(gè)多年前端“老司機(jī)”的視角，循序漸進(jìn)地介紹當(dāng)前流行的前端框架Vue.js3的新特性、各項(xiàng)功能及其在商業(yè)開發(fā)中的應(yīng)用。全書共15章，第1~6章介紹Vue.js3的模板、組件、交互處理等基礎(chǔ)知識；第7章介紹Vue.js3框架的響應(yīng)式原理及組合式API；第8章介紹使用Vue.js3框架開發(fā)前端動畫效果；第9章介紹開發(fā)大型項(xiàng)目必備的腳手架工具VueCli和Vite；第10章介紹基于Vue.js3的UI框架ElementPlus；第11~13章分別介紹網(wǎng)絡(luò)請求框架vue-axios、路由管理框架VueRouter、狀態(tài)管理框架Vuex；第14章和第15章介紹兩個(gè)相對完整的項(xiàng)目的開發(fā)，即學(xué)習(xí)網(wǎng)站和電商后臺系統(tǒng)。本書試圖介紹Vue.js3全家桶及周邊框架和工具的綜合應(yīng)用，旨在使讀者通過閱讀本書開發(fā)自己的應(yīng)用程序。本書還在各章安排了小型范例和練習(xí)題，并提供了教學(xué)視頻、源代碼及PPT課件。本書既可以入門，也可以進(jìn)階，適合Vue.js3初學(xué)者和前端開發(fā)人員使用，也可以作為網(wǎng)課、培訓(xùn)機(jī)構(gòu)與大中專院校的教學(xué)用書。讀書筆記讀書筆記適合入門。作者出了很多書，感覺擅長的是出書而不是講清楚技術(shù)。目錄分析實(shí)用豐富的配套資源突出應(yīng)用開發(fā)的內(nèi)容安排內(nèi)容簡介1.1前端技術(shù)演進(jìn)1.2HTML入門1.3CSS入門1.4JavaScript入門第1章從前端基礎(chǔ)到Vue.js31.6小結(jié)與練習(xí)1.5漸進(jìn)式開發(fā)框架Vue第1章從前端基礎(chǔ)到Vue.js31.2HTML入門1.2.1準(zhǔn)備開發(fā)工具1.2.2HTML中的基礎(chǔ)標(biāo)簽1.3CSS入門1.3.1CSS選擇器入門1.3.2CSS樣式入門1.4JavaScript入門1.4.1為什么需要JavaScript1.4.2JavaScript語法簡介1.5漸進(jìn)式開發(fā)框架Vue1.5.1第一個(gè)Vue應(yīng)用1.5.2范例：實(shí)現(xiàn)一個(gè)簡單的用戶登錄頁面1.5.3Vue3的新特性1.5.4為什么要使用Vue框架2.1模板基礎(chǔ)2.3循環(huán)渲染2.2條件渲染第2章Vue模板應(yīng)用2.5小結(jié)與練習(xí)2.4范例：實(shí)現(xiàn)待辦任務(wù)列表應(yīng)用第2章Vue模板應(yīng)用2.1模板基礎(chǔ)2.1.1模板插值2.1.2模板指令2.2條件渲染2.2.1使用v-if指令進(jìn)行條件渲染2.2.2使用v-show指令進(jìn)行條件渲染2.3循環(huán)渲染2.3.1v-for指令的使用方法2.3.2v-for指令的高級用法2.4范例：實(shí)現(xiàn)待辦任務(wù)列表應(yīng)用2.4.1步驟一：使用HTML搭建應(yīng)用框架結(jié)構(gòu)2.4.2步驟二：實(shí)現(xiàn)待辦任務(wù)列表的邏輯開發(fā)3.1屬性與方法基礎(chǔ)3.2計(jì)算屬性和偵聽器3.3進(jìn)行函數(shù)限流3.4表單數(shù)據(jù)的雙向綁定第3章Vue組件的屬性和方法3.5樣式綁定3.7小結(jié)與練習(xí)3.6范例：實(shí)現(xiàn)一個(gè)功能完整的用戶注冊頁面第3章Vue組件的屬性和方法3.1屬性與方法基礎(chǔ)3.1.1屬性基礎(chǔ)3.1.2方法基礎(chǔ)3.2計(jì)算屬性和偵聽器3.2.1計(jì)算屬性3.2.2使用計(jì)算屬性還是函數(shù)3.2.3計(jì)算屬性的賦值3.2.4屬性偵聽器3.3進(jìn)行函數(shù)限流3.3.1手動實(shí)現(xiàn)一個(gè)簡易的限流函數(shù)3.3.2使用Lodash庫進(jìn)行函數(shù)限流3.4表單數(shù)據(jù)的雙向綁定3.4.1文本輸入框3.4.2多行文本輸入?yún)^(qū)域3.4.3復(fù)選框與單選框3.4.4選擇列表3.4.5兩個(gè)常用的修飾符3.5樣式綁定3.5.1為HTML標(biāo)簽綁定Class屬性3.5.2綁定內(nèi)聯(lián)樣式3.6范例：實(shí)現(xiàn)一個(gè)功能完整的用戶注冊頁面3.6.1步驟一：搭建用戶注冊頁面3.6.2步驟二：實(shí)現(xiàn)注冊頁面的用戶交互4.1事件的監(jiān)聽與處理4.2Vue中的事件類型4.3范例1：隨鼠標(biāo)移動的小球4.4范例2：彈球游戲4.5小結(jié)與練習(xí)12345第4章處理用戶交互4.1事件的監(jiān)聽與處理4.1.1事件監(jiān)聽示例4.1.2多事件處理4.1.3事件修飾符4.2Vue中的事件類型4.2.1常用事件類型4.2.2按鍵修飾符5.1關(guān)于Vue應(yīng)用與組件5.2組件中的數(shù)據(jù)與事件的傳遞5.3自定義組件的插槽5.4動態(tài)組件的簡單應(yīng)用第5章組件基礎(chǔ)5.6小結(jié)與練習(xí)5.5范例：開發(fā)一款小巧的開關(guān)按鈕組件第5章組件基礎(chǔ)5.1關(guān)于Vue應(yīng)用與組件5.1.1Vue應(yīng)用的數(shù)據(jù)配置選項(xiàng)5.1.2定義組件5.2組件中的數(shù)據(jù)與事件的傳遞5.2.1為組件添加外部屬性5.2.2處理組件事件5.2.3在組件上使用v-model指令5.3自定義組件的插槽5.3.1組件插槽的基本用法5.3.2多具名插槽的用法6.1組件的生命周期與高級配置6.2組件Props屬性的高級用法6.3組件Mixin技術(shù)6.4使用自定義指令第6章組件進(jìn)階6.6小結(jié)與練習(xí)6.5使用組件的Teleport功能開發(fā)全局彈窗第6章組件進(jìn)階6.1組件的生命周期與高級配置6.1.1生命周期方法6.1.2應(yīng)用的全局配置選項(xiàng)6.1.3組件的注冊方式6.2組件Props屬性的高級用法6.2.1對Prop屬性進(jìn)行驗(yàn)證6.2.2Props的只讀性質(zhì)6.2.3組件數(shù)據(jù)注入6.3組件Mixin技術(shù)6.3.1使用Mixin來定義組件6.3.2Mixin選項(xiàng)的合并6.3.3進(jìn)行全局Mixin6.4使用自定義指令6.4.1認(rèn)識自定義指令6.4.2自定義指令的參數(shù)7.1響應(yīng)式編程的原理及在Vue中的應(yīng)用7.3組合式API的應(yīng)用7.2響應(yīng)式的計(jì)算與監(jiān)聽第7章Vue響應(yīng)式編程7.5小結(jié)與練習(xí)7.4范例：實(shí)現(xiàn)支持搜索和篩選的用戶列表第7章Vue響應(yīng)式編程7.1響應(yīng)式編程的原理及在Vue中的應(yīng)用7.1.1手動追蹤變量的變化7.1.2Vue中的響應(yīng)式對象7.1.3獨(dú)立的響應(yīng)式值Ref的應(yīng)用7.2響應(yīng)式的計(jì)算與監(jiān)聽7.2.1關(guān)于計(jì)算變量7.2.2監(jiān)聽響應(yīng)式變量7.3組合式API的應(yīng)用7.3.1關(guān)于setup方法7.3.2在setup方法中定義生命周期行為7.4范例：實(shí)現(xiàn)支持搜索和篩選的用戶列表7.4.1常規(guī)風(fēng)格的示例工程開發(fā)7.4.2使用組合式API重構(gòu)用戶列表頁面8.1使用CSS3創(chuàng)建動畫8.2使用JavaScript的方式實(shí)現(xiàn)動畫效果8.3Vue過渡動畫8.4范例：優(yōu)化用戶列表頁面8.5小結(jié)與練習(xí)12345第8章動畫8.1使用CSS3創(chuàng)建動畫8.1.1transition過渡動畫8.1.2keyframes動畫8.3Vue過渡動畫8.3.1定義過渡動畫8.3.2設(shè)置動畫過程中的監(jiān)聽回調(diào)8.3.3多個(gè)組件的過渡動畫8.3.4列表過渡動畫9.1VueCLI工具入門9.2VueCLI項(xiàng)目模板工程9.3在項(xiàng)目中使用依賴9.4工程構(gòu)建第9章構(gòu)建工具VueCLI的使用9.6小結(jié)與練習(xí)9.5新一代前端構(gòu)建工具Vite第9章構(gòu)建工具VueCLI的使用9.1VueCLI工具入門9.1.1VueCLI的安裝9.1.2快速創(chuàng)建項(xiàng)目9.2VueCLI項(xiàng)目模板工程9.2.1模板工程的目錄結(jié)構(gòu)9.2.2運(yùn)行Vue項(xiàng)目工程9.5新一代前端構(gòu)建工具Vite9.5.1Vite與VueCLI的比較9.5.2體驗(yàn)Vite構(gòu)建工具10.1ElementPlus入門10.3開關(guān)與滑塊組件10.2表單類組件第10章基于Vue3的UI組件庫——ElementPlus10.4選擇器組件10.5提示類組件10.6數(shù)據(jù)承載相關(guān)組件10.7實(shí)戰(zhàn)：實(shí)現(xiàn)一個(gè)教務(wù)系統(tǒng)學(xué)生列表頁面10.8小結(jié)與練習(xí)12345第10章基于Vue3的UI組件庫——ElementPlus10.1ElementPlus入門10.1.1ElementPlus的安裝與使用10.1.2按鈕組件10.1.3標(biāo)簽組件10.1.4空態(tài)圖與加載占位圖組件10.1.5圖片與頭像組件10.2表單類組件10.2.1單選框與復(fù)選框10.2.2標(biāo)準(zhǔn)輸入框組件10.2.3帶推薦列表的輸入框組件10.2.4數(shù)字輸入框10.2.5選擇列表10.2.6多級列表組件10.3開關(guān)與滑塊組件10.3.1開關(guān)組件10.3.2滑塊組件10.4選擇器組件10.4.1時(shí)間選擇器10.4.2日期選擇器10.4.3顏色選擇器10.5提示類組件10.5.1警告組件10.5.2消息提示10.5.3通知組件10.6數(shù)據(jù)承載相關(guān)組件10.6.1表格組件10.6.2導(dǎo)航菜單組件10.6.3標(biāo)簽頁組件10.6.4抽屜組件10.6.5布局容器組件11.1使用vue-axios請求天氣數(shù)據(jù)11.2vue-axios實(shí)用功能介紹11.3范例：實(shí)現(xiàn)一個(gè)天氣預(yù)報(bào)應(yīng)用11.4小結(jié)與練習(xí)第11章基于Vue的網(wǎng)絡(luò)框架——vue-axios的應(yīng)用11.1使用vue-axios請求天氣數(shù)據(jù)11.1.1使用互聯(lián)網(wǎng)上免費(fèi)的數(shù)據(jù)服務(wù)11.1.2使用vue-axios進(jìn)行數(shù)據(jù)請求11.2vue-axios實(shí)用功能介紹11.2.1通過配置的方式進(jìn)行數(shù)據(jù)請求11.2.2請求的配置與響應(yīng)數(shù)據(jù)結(jié)構(gòu)11.2.3攔截器的使用11.3范例：實(shí)現(xiàn)一個(gè)天氣預(yù)報(bào)應(yīng)用11.3.1搭建頁面框架11.3.2實(shí)現(xiàn)天氣預(yù)報(bào)應(yīng)用的核心邏輯12.1VueRouter的安裝與簡單使用12.2帶參數(shù)的動態(tài)路由12.3頁面導(dǎo)航12.4關(guān)于路由的命名12.5關(guān)于路由傳參12.6路由導(dǎo)航守衛(wèi)010302040506第12章Vue路由管理12.8小結(jié)與練習(xí)12.7動態(tài)路由第12章Vue路由管理12.1VueRouter的安裝與簡單使用12.1.1VueRouter的安裝12.1.2一個(gè)簡單的VueRouter使用示例12.2帶參數(shù)的動態(tài)路由12.2.1路由參數(shù)匹配12.2.2路由匹配的語法規(guī)則12.2.3路由的嵌套12.3頁面導(dǎo)航12.3.1使用路由方法12.3.2導(dǎo)航歷史控制12.4關(guān)于路由的命名12.4.1使用名稱進(jìn)行路由切換12.4.2路由視圖命名12.4.3使用別名12.4.4路由重定向12.6路由導(dǎo)航守衛(wèi)12.6.1定義全局的導(dǎo)航守衛(wèi)12.6.2為特定的路由注冊導(dǎo)航守衛(wèi)12.7動態(tài)路由12.7.1動態(tài)添加與刪除路由13.1認(rèn)識Vuex框架13.3小結(jié)與練習(xí)13.2Vuex中的一些核心概念第13章Vue狀態(tài)管理13.1認(rèn)識Vuex框架13.1.1關(guān)于狀態(tài)管理13.1.2安裝與體驗(yàn)Vuex13.2Vuex中的一些核心概念13.2.1Vuex中的狀態(tài)state13.2.2Vuex中的Getter方法13.2.3Vuex中的Mutation13.2.4Vuex中的Action13.2.5Vuex中的Module14.2配置專題與文章目錄14.1網(wǎng)站框架的搭建第14章項(xiàng)目演練一：開發(fā)一個(gè)文檔學(xué)習(xí)網(wǎng)站14.4小結(jié)與練習(xí)14.3渲染文章筆記內(nèi)容第14章項(xiàng)目演練一：開發(fā)一個(gè)文檔學(xué)習(xí)網(wǎng)站15.1用戶登錄模塊開發(fā)15.2項(xiàng)目主頁搭建15.3訂單管理模塊的開發(fā)15.4商品管理模塊的開發(fā)15.5店長管理模塊的開發(fā)12345第15章項(xiàng)目演練二：電商后臺管理系統(tǒng)實(shí)戰(zhàn)15.7小結(jié)與練習(xí)15.6財(cái)務(wù)管理與數(shù)據(jù)統(tǒng)計(jì)功能模塊開發(fā)第15章項(xiàng)目演練二：電商后臺管理系統(tǒng)實(shí)戰(zhàn)15.1用戶登錄模塊開發(fā)15.1.1項(xiàng)目搭建15.1.2用戶登錄頁面的開發(fā)15.2項(xiàng)目主頁搭建15.2.1主頁框架搭建15.2.2完善注銷功能15.3訂單管理模塊的開發(fā)15.3.1使用Mock.js進(jìn)行模擬數(shù)據(jù)的生成15.3.2編寫工具類與全局樣式15.3.3完善訂單管理頁面15.4商品管理模塊的開發(fā)15.4.1商品管理列表頁的開發(fā)15.