Vue.js3.x前端開(kāi)發(fā)實(shí)戰(zhàn)

第1章 Web開(kāi)發(fā)基礎(chǔ)
1.1 Web開(kāi)發(fā)基礎(chǔ)
1.1.1Web 1.0時(shí)代
1.1.2Web 2.0時(shí)代
1.2 Web開(kāi)發(fā)模式
1.2.1 MVC
1.2.2 MVP
1.2.3 MVVM
1.3 Vue簡(jiǎn)介
1.3.1 Vue的開(kāi)發(fā)模式
1.3.2 Vue的安裝
1.4 開(kāi)發(fā)工具的使用
1.4.1 VS Code
1.4.2 Vue.js Devtools插件
1.5 第一個(gè)Vue程序
1.5.1 編寫(xiě)Vue程序
1.5.2 通過(guò)瀏覽器運(yùn)行程序習(xí)題與實(shí)踐
第2章 Vue基礎(chǔ)
2.1 Vue實(shí)例
2.1.1 創(chuàng)建Vue實(shí)例及掛載
2.1.2 Vue數(shù)據(jù)與方法
2.2 計(jì)算屬性和偵聽(tīng)屬性
2.2.1 計(jì)算屬性
2.2.2 偵聽(tīng)屬性
2.3 事件
2.3.1 事件監(jiān)聽(tīng)及事件處理
2.3.2 事件修飾符
2.3.3 按鍵修飾符
2.4 Vue生命周期
2.4.1 生命周期鉤子函數(shù)
2.4.2 生命周期鉤子函數(shù)實(shí)例習(xí)題與實(shí)踐
第3章 Vue數(shù)據(jù)綁定
3.1 Vue模板語(yǔ)法
3.1.1 模板語(yǔ)法
3.1.2 v-text
3.1.3 v-html
3.2 v-bind
3.2.1 class屬性綁定
3.2.2 style屬性綁定
3.3 條件渲染
3.3.1 v-show
3.3.2 v-if
3.3.3 v-else
3.3.4 v-else-if
3.4 v-for
3.4.1 v-for
3.4.2 雙重v-for
3.5 v-model
3.5.1 綁定文本框
3.5.2 綁定單選按鈕
3.5.3 綁定復(fù)選框
3.5.4 綁定列表框
3.5.5 綁定修飾符
3.6 自定義指令
3.6.1 自定義指令構(gòu)成
3.6.2 動(dòng)態(tài)指令參數(shù)
3.7 購(gòu)物車(chē)案例
3.7.1 案例說(shuō)明
3.7.2 案例分析與實(shí)施
習(xí)題與實(shí)踐
第4章 Vue組件
4.1 組件的定義與使用
4.1.1 注冊(cè)全局組件
4.1.2 注冊(cè)局部組件
4.1.3 .vue文件
4.2 組件通信
4.2.1 父組件給子組件傳遞信息
4.2.2 子組件給父組件傳遞信息
4.3 插槽的使用
4.3.1 單個(gè)插槽
4.3.2 具名插槽
4.3.3 作用域插槽
4.4 簡(jiǎn)易留言板案例
4.4.1 案例說(shuō)明
4.4.2 案例分析與實(shí)施
4.4.3 源代碼
習(xí)題與實(shí)踐
第5章 vue-router路由
5.1 前端路由
5.1.1 vue-router的引入
5.1.2 vue-router基礎(chǔ)用法
5.1.3 路由重定向
5.2 動(dòng)態(tài)路由
5.2.1 query方式傳參
5.2.2 params方式傳參
5.3 嵌套路由
5.3.1 嵌套路由基礎(chǔ)
5.3.2 嵌套路由的實(shí)現(xiàn)
5.4 命名路由和命名視圖
5.4.1 命名路由
5.4.2 命名視圖
5.5 編程式導(dǎo)航
5.5.1 push()方法
5.5.2 replace()方法
5.5.3 go()方法
習(xí)題與實(shí)踐
第6章 Vue項(xiàng)目構(gòu)建
6.1 項(xiàng)目腳手架vue-cli
6.1.1 安裝vue-cli
6.1.2 使用vuecreate創(chuàng)建項(xiàng)目
6.1.3 項(xiàng)目初始目錄結(jié)構(gòu)
6.2 Vant插件
6.2.1 安裝Vant插件
6.2.2 引入組件
6.2.3 使用Vant組件
6.3 Axios
6.3.1 Axios基礎(chǔ)
6.3.2 在Vue單文件中使用Axios
6.3.3 Axios在Vue項(xiàng)目中的使用
6.3.4 Axios封裝及調(diào)用
習(xí)題與實(shí)踐
第7章 組合式API
7.1 組合式API簡(jiǎn)介
7.1.1 組合式API的入口函數(shù)
7.1.2 ref與reactive函數(shù)
7.1.3 toRefs函數(shù)
7.2 computed、watch和watchEffect
7.2.1 computed函數(shù)
7.2.2 watch和watchEffect
7.3 provide和inject
7.3.1 provide/inject使用方式
7.3.2 provide/inject實(shí)例
7.4 組合式API生命周期
7.4.1 組合式API生命周期鉤子函數(shù)
7.4.2 組合式API生命周期鉤子函數(shù)示例
習(xí)題與實(shí)踐
第8章 Vuex狀態(tài)管理
8.1 Vuex概述
8.1.1 狀態(tài)管理模式
8.1.2 Vuex教據(jù)狀態(tài)管理
8.1.3 Vuex基本使用
8.2 Vuex中的配置選項(xiàng)
8.2.1 State
8.2.2 Getters
8.2.3 Mutations
8.2.4 Actions
8.2.5 Modules
習(xí)題與實(shí)踐
第9章 綜合案例開(kāi)發(fā)1——萬(wàn)家水果APP
9.1 項(xiàng)目前期準(zhǔn)備工作
9.1.1 項(xiàng)目創(chuàng)建及插件安裝
9.1.2 準(zhǔn)備數(shù)據(jù)
9.1.3 項(xiàng)目目錄
9.2 公共組件的設(shè)計(jì)與制作
9.2.1 頭部組件
9.2.2 輪播圖組件
9.2.3 導(dǎo)航組件
9.3 main.js、app.vue及router/index.js項(xiàng)目文件
9.3.1 main.js
9.3.2 app.vue
9.3.3 router/index.js
9.4 首頁(yè)組件（index.vue)
9.5 商品頁(yè)組件（goods.vue）
9.5.1 商品頁(yè)組件（goods.vue）結(jié)構(gòu)代碼
9.5.2 商品頁(yè)組件（goods.vue）邏輯代碼
9.6 購(gòu)物車(chē)組件（cart.vue)
9.6.1 購(gòu)物車(chē)組件（cart.vue)結(jié)構(gòu)代碼
9.6.2 購(gòu)物車(chē)組件（cart.vue）邏輯代碼
9.7 訂單組件（order.vue）
9.7.1 訂單組件（order.vue）結(jié)構(gòu)代碼
9.7.2 訂單組件（order.vue）邏輯代碼
9.8 我的組件(about.vue)
9.8.1 我的組件（about.vue）結(jié)構(gòu)代碼
9.8.2 我