Vue js核心技術(shù)解析與uni app跨平臺(tái)實(shí)戰(zhàn)開(kāi)發(fā)

Vue.js核心技術(shù)解析與uni-app跨平臺(tái)實(shí)戰(zhàn)開(kāi)發(fā)讀書(shū)筆記模板01思維導(dǎo)圖讀書(shū)筆記作者介紹內(nèi)容摘要目錄分析精彩摘錄目錄0305020406思維導(dǎo)圖跨平臺(tái)核心技術(shù)實(shí)戰(zhàn)項(xiàng)目實(shí)戰(zhàn)跨平臺(tái)核心技術(shù)企業(yè)數(shù)據(jù)第章組件案例函數(shù)創(chuàng)建項(xiàng)目開(kāi)發(fā)事件生命周期頁(yè)面本書(shū)關(guān)鍵字分析思維導(dǎo)圖內(nèi)容摘要內(nèi)容摘要《Vue.js核心技術(shù)解析與uni-app跨平臺(tái)實(shí)戰(zhàn)開(kāi)發(fā)》系統(tǒng)地介紹了Vue.js和uni-app的核心基礎(chǔ)理論及企業(yè)項(xiàng)目開(kāi)發(fā)，以實(shí)例的形式對(duì)Vue.js和uni-app進(jìn)行深入淺出的講解?！禫ue.js核心技術(shù)解析與uni-app跨平臺(tái)實(shí)戰(zhàn)開(kāi)發(fā)》共分14章，內(nèi)容包括Vue.js基礎(chǔ)入門(mén)、Vue.js綁定樣式及案例、Vue.js生命周期函數(shù)、Vue.js動(dòng)畫(huà)、Vue.js組件、Vue.js路由、Vue.js高級(jí)進(jìn)階、element-ui/mint-ui組件庫(kù)、axios發(fā)送HTTP請(qǐng)求、Vuex狀態(tài)管理、企業(yè)項(xiàng)目實(shí)戰(zhàn)、Vue3.X新特性解析、uni-app核心基礎(chǔ)、uni-app企業(yè)項(xiàng)目實(shí)戰(zhàn)等，書(shū)中大部分章節(jié)提供了實(shí)戰(zhàn)項(xiàng)目案例源碼?！禫ue.js核心技術(shù)解析與uni-app跨平臺(tái)實(shí)戰(zhàn)開(kāi)發(fā)》中每一個(gè)關(guān)鍵知識(shí)點(diǎn)均配套了同步視頻講解，以帶領(lǐng)讀者把書(shū)中的代碼敲一遍，這不僅能使讀者更加透徹地掌握知識(shí)點(diǎn)，實(shí)現(xiàn)獨(dú)立開(kāi)發(fā)企業(yè)級(jí)項(xiàng)目的目標(biāo)，還能使讀者及時(shí)地了解**技術(shù)動(dòng)態(tài)?！禫ue.js核心技術(shù)解析與uni-app跨平臺(tái)實(shí)戰(zhàn)開(kāi)發(fā)》的讀者對(duì)象為網(wǎng)頁(yè)設(shè)計(jì)與制作人員、網(wǎng)站建設(shè)開(kāi)發(fā)人員、相關(guān)專(zhuān)業(yè)的學(xué)生及網(wǎng)站制作愛(ài)好者。讀書(shū)筆記讀書(shū)筆記感覺(jué)也就是一個(gè)掃盲的書(shū)籍，說(shuō)一下vue有哪些標(biāo)簽，哪些語(yǔ)法什么的。非常適合零基礎(chǔ)的入門(mén)，沒(méi)有時(shí)間研究官網(wǎng)的，以后正式用時(shí)可以去官網(wǎng)查缺補(bǔ)漏。主要講解了vue以及其周邊工具的使用，通過(guò)簡(jiǎn)單的demo來(lái)鞏固知識(shí)點(diǎn)，對(duì)于框架快速入門(mén)是有一定的幫助的。目錄分析1.1什么是Vue.js1.2MVVM前端視圖層開(kāi)發(fā)理念1.3創(chuàng)建Vue實(shí)例對(duì)象，詳解MVVM1.4詳解插值表達(dá)式第1章Vue.js基礎(chǔ)入門(mén)1.5Vue基礎(chǔ)指令1.6事件修飾符1.7雙向數(shù)據(jù)綁定1.8v-for指令1.9學(xué)生管理案例12345第1章Vue.js基礎(chǔ)入門(mén)1.1什么是Vue.js1.1.1當(dāng)前流行的前端框架1.1.2為什么要學(xué)習(xí)Vue.js1.核心理念1.1.4框架和庫(kù)的區(qū)別1.5Vue基礎(chǔ)指令1.5.1v-cloak指令1.5.2v-text指令1.5.3v-html指令1.5.4v-bind指令1.5.5v-on指令1.6事件修飾符1.6.1鼠標(biāo)按鍵修飾1.6.2系統(tǒng)修飾符1.6.3事件修飾符1.7雙向數(shù)據(jù)綁定1.7.1v-model修飾符1.7.2使用v-model實(shí)現(xiàn)計(jì)算器案例1.8v-for指令1.8.1遍歷普通數(shù)組1.8.2遍歷對(duì)象數(shù)組1.8.3遍歷對(duì)象1.8.4遍歷數(shù)字1.9學(xué)生管理案例1.9.1渲染學(xué)生列表1.9.2新增學(xué)生1.9.3刪除學(xué)生1.9.4搜索學(xué)生2.1class類(lèi)名綁定2.2style行內(nèi)樣式綁定2.3Vue綁定樣式案例（標(biāo)題排他）2.4控制元素顯示隱藏2.5簡(jiǎn)單版購(gòu)物車(chē)實(shí)例12345第2章Vue.js綁定樣式及案例2.1class類(lèi)名綁定2.1.1對(duì)象控制綁定樣式2.1.2數(shù)組控制綁定樣式2.2style行內(nèi)樣式綁定2.2.1對(duì)象控制綁定行內(nèi)樣式2.2.2數(shù)組控制綁定行內(nèi)樣式2.4控制元素顯示隱藏2.4.1v-if和v-show指令2.4.2v-if實(shí)現(xiàn)選項(xiàng)卡案例2.5簡(jiǎn)單版購(gòu)物車(chē)實(shí)例2.5.1購(gòu)物車(chē)實(shí)例簡(jiǎn)介2.5.2靜態(tài)頁(yè)面布局2.5.3渲染購(gòu)物車(chē)列表2.5.4修改商品選中狀態(tài)2.5.5記錄選中商品的總數(shù)量和總價(jià)格2.5.6全選狀態(tài)2.5.7商品數(shù)量增加或減少3.1創(chuàng)建期間生命周期函數(shù)3.2運(yùn)行期間生命周期函數(shù)3.3銷(xiāo)毀期間生命周期函數(shù)3.4擴(kuò)展第3章Vue.js生命周期函數(shù)4.2Vue定義多組動(dòng)畫(huà)4.1Vue單組動(dòng)畫(huà)第4章Vue.js動(dòng)畫(huà)4.4transition-group列表動(dòng)畫(huà)4.3使用animate動(dòng)畫(huà)庫(kù)第4章Vue.js動(dòng)畫(huà)5.1創(chuàng)建全局組件5.2創(chuàng)建私有組件5.3動(dòng)畫(huà)組件5.4組件傳值5.5Vue獲取DOM元素的方法(ref)12345第5章Vue.js組件5.1創(chuàng)建全局組件5.1.1組件創(chuàng)建方式一5.1.2組件創(chuàng)建方式二5.1.3組件創(chuàng)建方式三5.2創(chuàng)建私有組件5.2.1組件中的data和methods5.2.2組件選項(xiàng)卡切換案例5.4組件傳值5.4.1父組件向子組件傳值5.4.2父組件向子組件傳遞方法5.4.3子組件向父組件傳值5.5Vue獲取DOM元素的方法(ref)5.5.1ref獲取普通DOM元素5.5.2ref獲取組件元素6.1什么是路由6.3路由重定向以及動(dòng)畫(huà)路由6.2路由控制組件切換第6章Vue.js路由6.4路由傳參6.6路由布局6.5嵌套路由第6章Vue.js路由6.1什么是路由6.1.1安裝路由6.1.2使用路由6.4路由傳參6.4.1傳參方式一6.4.2傳參方式二7.1安裝vue-cli7.2vue-cli目錄結(jié)構(gòu)7.3vue-cli運(yùn)行機(jī)制7.4vue-cli選項(xiàng)卡案例7.5過(guò)濾器7.6Vue計(jì)算屬性010302040506第7章Vue.js高級(jí)進(jìn)階7.7watch偵聽(tīng)屬性7.8slot插槽7.9鏈?zhǔn)铰酚商D(zhuǎn)7.10路由守衛(wèi)第7章Vue.js高級(jí)進(jìn)階7.1安裝vue-cli7.1.1vue-cli創(chuàng)建項(xiàng)目7.1.2運(yùn)行腳手架項(xiàng)目7.5過(guò)濾器7.5.1私有過(guò)濾器7.5.2全局過(guò)濾器7.10路由守衛(wèi)7.10.1全局路由守衛(wèi)7.10.2組件內(nèi)路由守衛(wèi)7.10.3離開(kāi)組件時(shí)守衛(wèi)8.2mint-ui的使用8.1element-ui使用步驟第8章element-ui/mint-ui組件庫(kù)9.1安裝axios9.3axios原理之promise9.2axios傳遞參數(shù)第9章axios發(fā)送HTTP請(qǐng)求9.1安裝axios9.1.1組件中使用axios9.1.2配置全局域名9.1.3代碼分離9.3axios原理之promise9.3.1什么是promise9.3.2為什么要用promise9.3.3promise基本使用9.3.4promise的API9.3.5async與await10.1Vuex基礎(chǔ)應(yīng)用10.2getters的使用10.3mutations的使用10.4actions的使用第10章Vuex狀態(tài)管理10.5Vuex代碼分離10.7Vuex實(shí)例之登錄退出10.6輔助函數(shù)第10章Vuex狀態(tài)管理10.6輔助函數(shù)10.6.1mapState輔助函數(shù)10.6.2mapGetters輔助函數(shù)10.6.3mapMutations輔助函數(shù)10.6.4mapActions輔助函數(shù)10.7Vuex實(shí)例之登錄退出10.7.1vue-cli創(chuàng)建項(xiàng)目站點(diǎn)10.7.2Vuex修改登錄狀態(tài)11.1vue-cli創(chuàng)建項(xiàng)目11.3網(wǎng)頁(yè)底部信息和產(chǎn)品列表頁(yè)面開(kāi)發(fā)11.2首頁(yè)開(kāi)發(fā)第11章企業(yè)項(xiàng)目實(shí)戰(zhàn)11.5產(chǎn)品詳情頁(yè)面開(kāi)發(fā)11.4element-ui實(shí)現(xiàn)產(chǎn)品分頁(yè)第11章企業(yè)項(xiàng)目實(shí)戰(zhàn)11.2首頁(yè)開(kāi)發(fā)11.2.1布局首頁(yè)靜態(tài)頁(yè)面11.2.2使用axios獲取輪播圖11.2.3首頁(yè)廣告版塊數(shù)據(jù)渲染11.2.4首頁(yè)商家推薦版塊數(shù)據(jù)渲染11.2.5首頁(yè)其他版塊數(shù)據(jù)渲染11.3網(wǎng)頁(yè)底部信息和產(chǎn)品列表頁(yè)面開(kāi)發(fā)11.3.1產(chǎn)品列表靜態(tài)頁(yè)面布局11.3.2渲染全部產(chǎn)品頁(yè)面數(shù)據(jù)11.3.3產(chǎn)品價(jià)格排序功能11.3.4產(chǎn)品價(jià)格范圍篩選功能12.1Vue3.0新特性12.3reactive函數(shù)12.2什么是CompositionAPI第12章Vue3.X新特性解析12.4封裝功能模塊，增加代碼復(fù)用12.5Vue3生命周期12.6computed的使用12.7watch監(jiān)聽(tīng)的使用12.8依賴(lài)注入12345第12章Vue3.X新特性解析12.9Refs模板12.10readonly()函數(shù)的使用12.11watchEffect()函數(shù)的使用12.12響應(yīng)式系統(tǒng)工具集的使用第12章Vue3.X新特性解析12.2什么是CompositionAPI12.2.1setup函數(shù)的特點(diǎn)12.2.2定義響應(yīng)式數(shù)據(jù)12.12響應(yīng)式系統(tǒng)工具集的使用12.12.1unref()12.12.2toRef()12.12.3isRef()12.12.4isProxy()12.12.5isReactive()12.12.6isReadonly()13.1uni-app概述13.2常用組件13.3常用特效13.4uni-app屬性綁定和事件綁定第13章uni-app核心基礎(chǔ)13.5v-for渲染數(shù)據(jù)13.6uni-app生命周期13.7uni-app發(fā)送HTTP請(qǐng)求13.8跨端兼容13.9頁(yè)面跳轉(zhuǎn)12345第13章uni-app核心基礎(chǔ)13.1uni-app概述13.1.1創(chuàng)建uni-app項(xiàng)目13.1.2uni-app目錄結(jié)構(gòu)13.1.3uni-app運(yùn)行機(jī)制13.2常用組件13.2.1view組件13.2.2text組件13.2.3image組件13.3常用特效13.3.1tabBar導(dǎo)航使用13.3.2swiper輪播圖使用13.4uni-app屬性綁定和事件綁定13.4.1屬性綁定13.4.2事件綁定13.6uni-app生命周期13.6.1應(yīng)用生命周期13.6.2頁(yè)面生命周期13.6.3下拉刷新生命周期函數(shù)13.6.4上拉加載生命周期函數(shù)13.8跨端兼容13.8.1控制頁(yè)面元素13.8.2控制CSS樣式13.8.3控制JS13.9頁(yè)面跳轉(zhuǎn)13.9.1網(wǎng)址跳轉(zhuǎn)13.9.2事件跳轉(zhuǎn)13.9.3傳遞參數(shù)14.1魯嗑瓜子首頁(yè)開(kāi)發(fā)14.2產(chǎn)品列表頁(yè)開(kāi)發(fā)14.3產(chǎn)品詳情頁(yè)開(kāi)發(fā)14.4App打包第14章uni-app企業(yè)項(xiàng)目實(shí)戰(zhàn)14.1魯嗑瓜子首頁(yè)開(kāi)發(fā)14.1.1布局首頁(yè)靜態(tài)頁(yè)14.1.2調(diào)用數(shù)據(jù)接口渲染輪播圖14.1.3首頁(yè)廣告版塊數(shù)據(jù)渲染14.1.4首頁(yè)商家推薦版塊數(shù)據(jù)渲染14.1.5首頁(yè)其他版塊數(shù)據(jù)渲染