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

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