最新！前端Vue3企業(yè)級實戰(zhàn)教程《小兔鮮》全套發(fā)布

Day1

01.Vue3小兔鮮先導課

02.認識Vue3

03.使用create-vue創(chuàng)建項目

04.熟悉項目目錄和關鍵文件

05.組合式API入口-setup

06.組合式API-reactive和ref函數

07.組合式API-computed

08.組合式API-watch-基本使用和立即執(zhí)行

09.組合式API-watch-深度偵聽和精確偵聽

10.組合式API-生命周期函數

11.組合式API下的父子通信-父傳子

12.組合式API下的父子通信-子傳父

13.組合式API-模版引用

14.組合式API-provide和inject

15.Vue3綜合小案例

16.補充作業(yè)-編輯功能作業(yè)

Day2

01.Pinia-添加pinia到vue項目

02.Pinia-counter基礎使用

03.Pinia-getters和異步action

04.Pinia-storeToRefs和調試

05.項目起步-項目初始化和git管理

06.項目起步-別名路徑聯(lián)想設置

07.項目起步-elementPlus自動按需導入配置

08.項目起步-elementPlus主題色定制

09.項目起步-axios基礎配置

10.項目起步-項目整體路由設計

11.項目起步-靜態(tài)資源引入和ErrorLen安裝

12.項目起步-scss文件的自動導入

13.Layout-靜態(tài)模版結構搭建

14.Layout-字體圖標引入

15.Layout-一級導航渲染

16.Layout-吸頂導航交互實現

17.Layout-Pinia優(yōu)化重復請求

Day3

01.Home-整體結構拆分和分類實現

02.Home-banner輪播圖實現

03.Home-面板組件封裝

04.Home-新鮮好物業(yè)務實現

05.Home-圖片懶加載指令實現

06.Home-懶加載指令優(yōu)化

07.Home-Product產品列表實現

08.Home-GoodsItem組件封裝

09.一級分類-整體認識和路由配置

10.一級分類-面包屑導航渲染

11.一級分類-輪播圖功能實現

12.一級分類-激活狀態(tài)控制和分類列表渲染

13.一級分類-解決路由緩存問題

14.一級分類-使用邏輯函數拆分業(yè)務

Day4

01.二級分類-整體認識和路由配置

02.二級分類-面包屑導航實現

03.二級分類-基礎商品列表實現

04.二級分類-列表篩選功能實現

05.二級分類-列表無限加載實現

06.二級分類-定制路由滾動行為

07.詳情頁-整體認識和路由配置

08.詳情頁-基礎數據渲染

09.詳情頁-熱榜區(qū)-基礎組件封裝和數據渲染

10.詳情頁-熱榜區(qū)-適配不同title和數據列表

11.詳情頁-圖片預覽組件-小圖切換大圖顯示

12.詳情頁-圖片預覽組件-放大鏡-滑塊跟隨移動

13.詳情頁-圖片預覽組件-放大鏡-大圖效果實現

14.詳情頁-圖片預覽組件-props適配和整體總結

15.詳情頁-SKU組件熟悉使用

16.詳情頁-通用組件統(tǒng)一注冊全局

Day5

01.登錄-整體認識和路由配置

02.登錄-表單校驗實現

03.登錄-表單校驗-自定義校驗規(guī)則

04.登錄-表單校驗-統(tǒng)一校驗

05.登錄-基礎功能實現

06.登錄-Pinia管理用戶數據

07.登錄-Pinia用戶數據持久化

08.登錄-登錄和非登錄狀態(tài)下的模版適配

09.登錄-請求攔截器攜帶Token

10.登錄-退出登錄功能實現

11.登錄-Token失效401攔截處理

12.購物車-流程梳理和本地加入購物車實現

13.購物車-本地-頭部購物車列表渲染

14.購物車-本地-頭部購物車刪除功能實現

15.購物車-本地-頭部購物車統(tǒng)計計算

Day6

01.購物車-本地-列表購物車基礎數據渲染

02.購物車-本地-列表購物車單選功能

03.購物車-本地-購物車列表全選功能

04.購物車-本地-購物車列表統(tǒng)計數據實現

05.購物車-接口-加入購物車

06.購物車-接口-刪除購物車

07.退出登錄-清空購物車數據

08.購物車-合并本地購物車到服務器

09.結算-路由配置和基礎數據渲染

10.結算-地址切換-打開彈框交互實現

11.結算-切換地址-地址激活交互實現

12.結算-生成訂單功能實現

13.支付-渲染基礎數據

14.支付-實現支付功能

15.支付-支付結果展示

16.支付-封裝倒計時函數

Day7

01.會員中心-整體功能梳理和路由配置

02.會員中心-個人中心信息渲染

03.會員中心-我的訂單-基礎訂單列表實現

04.會員中心-我的訂單-tab切換實現

05.會員中心-我的訂單-分頁邏輯實現

06.會員中心-細節(jié)優(yōu)化

07.拓展課-SKU組件-功能拆解

08.拓展課-SKU組件-點擊規(guī)格更新選中狀態(tài)

09.拓展課-SKU組件-獲取有效路徑字典

10.拓展課-SKU組件-初始化時更新禁用狀態(tài)

11.拓展課-SKU組件-點擊時組合更新禁用狀態(tài)

12.拓展課-SKU組件-產出有效的SKU對象信息