Vue.js超詳細(xì)入門與項(xiàng)目實(shí)戰(zhàn)（微課視頻版）

第1章前端框架發(fā)展
1.1什么是前端技術(shù)
1.1.1Web技術(shù)1.0時(shí)代
1.1.2Web技術(shù)2.0時(shí)代
1.2為什么要學(xué)習(xí)前端技術(shù)
1.2.1代表Web開(kāi)發(fā)方向
1.2.2崗位需求缺口大
1.3如何學(xué)好前端技術(shù)
1.3.1打牢理論根基
1.3.2掌握前沿技術(shù)
1.3.3結(jié)合案例實(shí)戰(zhàn)
1.4前后端分離概念
1.4.1誕生背景
1.4.2誕生原因
1.4.3解決方案
1.4.4重點(diǎn)說(shuō)明
1.5單頁(yè)應(yīng)用的不足和優(yōu)化
1.5.1單頁(yè)應(yīng)用的不足
1.5.2中間層的使用
1.5.3應(yīng)用結(jié)構(gòu)優(yōu)化
小結(jié)
第2章Vue腳手架功能
2.1腳手架核心功能
2.2安裝腳手架過(guò)程
2.2.1安裝Vue CLI
2.2.2常用Vue CLI指令
2.3使用腳手架創(chuàng)建項(xiàng)目
2.3.1創(chuàng)建第一個(gè)簡(jiǎn)單項(xiàng)目
2.3.2修改組件代碼
2.3.3項(xiàng)目發(fā)布
小結(jié)
第3章Vue數(shù)據(jù)綁定
3.1Vue中數(shù)據(jù)綁定原理
3.1.1Vue中的數(shù)據(jù)鏈
3.1.2數(shù)據(jù)綁定視圖
3.2單向數(shù)據(jù)綁定
3.2.1MVC框架演變過(guò)程
3.2.2單向綁定
3.3雙向數(shù)據(jù)綁定
3.3.1指令vmodel
3.3.2vmodel與修飾符
3.4數(shù)據(jù)綁定方法
3.4.1文本插值
3.4.2JavaScript表達(dá)式和HTML插值
小結(jié)
第4章元素事件綁定
4.1事件定義
4.2事件綁定方式
4.2.1指令von或@
4.2.2常見(jiàn)修飾符
4.3事件傳參
4.3.1方法參數(shù)
4.3.2事件對(duì)象參數(shù)
小結(jié)
第5章元素動(dòng)畫效果
5.1過(guò)渡動(dòng)畫
5.2自定義動(dòng)畫
5.2.1制作自定義動(dòng)畫
5.2.2自定義動(dòng)畫樣式
5.3第三方動(dòng)畫庫(kù)
5.3.1animate.css
5.3.2gsap動(dòng)畫庫(kù)
5.4列表動(dòng)畫
5.4.1transitiongroup組件基本功能
5.4.2交錯(cuò)過(guò)渡動(dòng)畫效果
小結(jié)
第6章組件定義
6.1什么是組件
6.1.1單文件組件
6.1.2JavaScript對(duì)象
6.2組件使用
6.2.1全局注冊(cè)
6.2.2局部注冊(cè)
6.2.3組件命名格式
6.3組件屬性
6.3.1屬性定義
6.3.2屬性驗(yàn)證
6.3.3屬性值傳遞
6.4組件事件
6.4.1事件定義
6.4.2事件驗(yàn)證
6.4.3事件監(jiān)聽(tīng)和傳參
小結(jié)
第7章組件傳參
7.1父組件向子組件傳參
7.1.1父組件向子組件傳參說(shuō)明
7.1.2父組件向子組件傳參實(shí)例
7.2子組件向父組件傳參
7.2.1子組件自定義事件傳參
7.2.2訪問(wèn)子組件對(duì)象中的數(shù)據(jù)
7.3組件之間傳參
7.3.1全局事件總線
7.3.2組件之間傳參
7.4slot傳參
7.4.1作用域插槽
7.4.2動(dòng)態(tài)插槽
小結(jié)
第8章路由實(shí)現(xiàn)
8.1路由介紹
8.1.1基本配置
8.1.2路由樹(shù)配置
8.2路由傳參
8.2.1路由跳轉(zhuǎn)
8.2.2帶參數(shù)跳轉(zhuǎn)
8.2.3接收跳轉(zhuǎn)參數(shù)
8.3路由其他配置
8.3.1重定向配置
8.3.2404配置
8.3.3路由守衛(wèi)配置
小結(jié)
第9章接口調(diào)用
9.1接口介紹
9.1.1初識(shí)和安裝axios模塊
9.1.2使用axios模塊
9.2全局配置
9.2.1創(chuàng)建axios實(shí)例
9.2.2配置對(duì)象結(jié)構(gòu)
9.2.3默認(rèn)配置和響應(yīng)結(jié)構(gòu)
9.2.4全局配置axios
9.3數(shù)據(jù)緩存
9.3.1請(qǐng)求數(shù)據(jù)
9.3.2緩存數(shù)據(jù)
9.3.3緩存優(yōu)化
小結(jié)
第10章pinia狀態(tài)管理
10.1pinia介紹
10.1.1安裝和配置pinia
10.1.2創(chuàng)建Store
10.2State
10.2.1構(gòu)建和訪問(wèn)State
10.2.2重置和變更State
10.2.3其他操作方式
10.3Getters
10.3.1構(gòu)建和訪問(wèn)Getters
10.3.2其他操作方式
10.4Actions
10.4.1構(gòu)建和執(zhí)行Actions中方法
10.4.2執(zhí)行異步請(qǐng)求
10.5其他擴(kuò)展插件
10.5.1擴(kuò)充Store
10.5.2數(shù)據(jù)持久化
小結(jié)
第11章Vant UI
11.1Vant介紹
11.1.1Vant的特點(diǎn)
11.1.2Vant安裝與配置
11.2Vant基礎(chǔ)組件
11.2.1Button組件
11.2.2Image組件
11.2.3Layout組件
11.3Vant表單組件
11.3.1PasswordInput組件
11.3.2Rate組件
11.3.3Signature組件
11.4Vant業(yè)務(wù)組件
11.4.1Card組件
11.4.2Coupon優(yōu)惠券
11.4.3SubmitBar提交訂單欄
小結(jié)
第12章項(xiàng)目開(kāi)發(fā)前準(zhǔn)備
12.1功能設(shè)計(jì)
12.1.1項(xiàng)目背景
12.1.2需求分析
12.1.3功能模塊
12.2項(xiàng)目開(kāi)發(fā)
12.2.1創(chuàng)建項(xiàng)目
12.2.2配置靜態(tài)資源
12.2.3數(shù)據(jù)源設(shè)計(jì)
12.3打包與發(fā)布
12.3.1開(kāi)發(fā)與打包方法
12.3.2發(fā)布時(shí)注意事項(xiàng)
小結(jié)
第13章項(xiàng)目路由配置
13.1創(chuàng)建路由文件
13.1.1安裝路由模塊
13.1.2構(gòu)建路由結(jié)構(gòu)
13.1.3掛載路由文件
13.2配置路由對(duì)象
13.2.1按需加載組件
13.2.2路由傳參
13.2.3配置錯(cuò)誤地址
小結(jié)
第14章商城首頁(yè)開(kāi)發(fā)
14.1輪播和推薦商品
14.1.1頁(yè)面效果
14.1.2輪播圖制作
14.1.3爆款商品推薦
14.2熱點(diǎn)商品列表
14.2.1頁(yè)面效果
14.2.2列表數(shù)據(jù)源
14.2.3列表制作
14.3底部導(dǎo)航條制作
14.3.1頁(yè)面效果
14.3.2實(shí)現(xiàn)代碼
14.3.3調(diào)用導(dǎo)航條
小結(jié)
第15章商品分類頁(yè)開(kāi)發(fā)
15.1分類頁(yè)查詢功能
15.1.1頁(yè)面效果
15.1.2組件代碼
15.1.3組件調(diào)用
15.2分類左側(cè)導(dǎo)航
15.2.1頁(yè)面效果
15.2.2組件代碼
15.2.3組件調(diào)用
15.3分類右側(cè)列表
15.3.1頁(yè)面效果
15.3.2組件代碼
15.3.3組件調(diào)用
小結(jié)
第16章商城動(dòng)態(tài)頁(yè)開(kāi)發(fā)
16.1動(dòng)態(tài)列表頁(yè)功能
16.1.1頁(yè)面效果
16.1.2列表數(shù)據(jù)源
16.1.3列表制作
16.2列表詳情頁(yè)功能
16.2.1頁(yè)面效果
16.2.2組件代碼
16.3點(diǎn)贊與收藏功能
16.3.1頁(yè)面效果
16.3.2組件代碼
16.3.3全局狀態(tài)與方法
小結(jié)
第17章商品詳細(xì)頁(yè)開(kāi)發(fā)
17.1大圖滾動(dòng)功能
17.1.1頁(yè)面效果
17.1.2圖片數(shù)據(jù)源
17.1.3組件代碼
17.2彈框說(shuō)明功能
17.2.1頁(yè)面效果
17.2.2組件代碼
17.3信息切換功能
17.3.1頁(yè)面效果
17.3.2組件代碼
17.4加入購(gòu)物車功能
17.4.1頁(yè)面效果
17.4.2組件代碼
17.4.3全局狀態(tài)與方法
17.4.4組件調(diào)用
小結(jié)
第18章購(gòu)物車開(kāi)發(fā)
18.1購(gòu)物車列表頁(yè)功能
18.1.1頁(yè)面效果
18.1.2組件代碼
18.1.3組件調(diào)用
18.2自動(dòng)計(jì)算總價(jià)功能
18.2.1頁(yè)面效果
18.2.2組件代碼
18.3增減購(gòu)物車商品功能
18.3.1頁(yè)面效果
18.3.2組件代碼
18.3.3全局狀態(tài)與方法
18.4刪除購(gòu)物車商品功能
18.4.1頁(yè)面效果
18.4.2組件代碼
18.4.3全局狀態(tài)與方法
小結(jié)
第19章個(gè)人中心頁(yè)開(kāi)發(fā)
19.1我的訂單功能
19.1.1頁(yè)面效果
19.1.2組件代碼
19.1.3全局狀態(tài)和方法
19.2我的收藏功能
19.2.1頁(yè)面效果
19.2.2組件代碼
19.2.3全局狀態(tài)和方法
19.3管理收貨地址
19.3.1頁(yè)面效果
19.3.2組件代碼
19.3.3全局狀態(tài)與方法
19.4生成訂單功能
19.4.1頁(yè)面效果
19.4.2組件代碼
19.4.3全局狀態(tài)與方法
小結(jié)