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

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