Vue.js超詳細入門與項目實戰(微課視頻版)
李永亮 王夢盛 陶國榮
相關主題
商品描述
本書採用理論知識與案例實戰相結合的方式,由淺入深地介紹使用Vue 3開發頁面的全過程。本書共19章,第1~11章是知識點的介紹,分別介紹前端框架發展、Vue 腳手架功能、Vue數據綁定、元素事件綁定、元素動畫實現、組件定義、組件傳參、路由實現、接口調用、pinia狀態管理和Vant UI的知識; 第12~19章是案例實戰,結合一個商城開發的過程,分別介紹項目開發前準備、項目路由配置、商城首頁開發、商品分類頁開發、商城動態頁開發、商品詳細頁開發、購物車開發、個人中心頁開發的內容,書中的每個知識點都有對應的源碼分析部分,說明每一行關鍵代碼的實現思路。 本書既適合初學Vue 3的讀者自學,也適合各類想自己動手開發Web應用程序的自學者使用。同時,也可作為各類培訓學校實例講解的參考用書。
目錄大綱
目錄
第1章前端框架發展
1.1什麽是前端技術
1.1.1Web技術1.0時代
1.1.2Web技術2.0時代
1.2為什麽要學習前端技術
1.2.1代表Web開發方向
1.2.2崗位需求缺口大
1.3如何學好前端技術
1.3.1打牢理論根基
1.3.2掌握前沿技術
1.3.3結合案例實戰
1.4前後端分離概念
1.4.1誕生背景
1.4.2誕生原因
1.4.3解決方案
1.4.4重點說明
1.5單頁應用的不足和優化
1.5.1單頁應用的不足
1.5.2中間層的使用
1.5.3應用結構優化
小結
第2章Vue腳手架功能
2.1腳手架核心功能
2.2安裝腳手架過程
2.2.1安裝Vue CLI
2.2.2常用Vue CLI指令
2.3使用腳手架創建項目
2.3.1創建第一個簡單項目
2.3.2修改組件代碼
2.3.3項目發布
小結
第3章Vue數據綁定
3.1Vue中數據綁定原理
3.1.1Vue中的數據鏈
3.1.2數據綁定視圖
3.2單向數據綁定
3.2.1MVC框架演變過程
3.2.2單向綁定
3.3雙向數據綁定
3.3.1指令vmodel
3.3.2vmodel與修飾符
3.4數據綁定方法
3.4.1文本插值
3.4.2JavaScript表達式和HTML插值
小結
第4章元素事件綁定
4.1事件定義
4.2事件綁定方式
4.2.1指令von或@
4.2.2常見修飾符
4.3事件傳參
4.3.1方法參數
4.3.2事件對象參數
小結
第5章元素動畫效果
5.1過渡動畫
5.2自定義動畫
5.2.1製作自定義動畫
5.2.2自定義動畫樣式
5.3第三方動畫庫
5.3.1animate.css
5.3.2gsap動畫庫
5.4列表動畫
5.4.1transitiongroup組件基本功能
5.4.2交錯過渡動畫效果
小結
第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事件監聽和傳參
小結
第7章組件傳參
7.1父組件向子組件傳參
7.1.1父組件向子組件傳參說明
7.1.2父組件向子組件傳參實例
7.2子組件向父組件傳參
7.2.1子組件自定義事件傳參
7.2.2訪問子組件對象中的數據
7.3組件之間傳參
7.3.1全局事件總線
7.3.2組件之間傳參
7.4slot傳參
7.4.1作用域插槽
7.4.2動態插槽
小結
第8章路由實現
8.1路由介紹
8.1.1基本配置
8.1.2路由樹配置
8.2路由傳參
8.2.1路由跳轉
8.2.2帶參數跳轉
8.2.3接收跳轉參數
8.3路由其他配置
8.3.1重定向配置
8.3.2404配置
8.3.3路由守衛配置
小結
第9章接口調用
9.1接口介紹
9.1.1初識和安裝axios模塊
9.1.2使用axios模塊
9.2全局配置
9.2.1創建axios實例
9.2.2配置對象結構
9.2.3默認配置和響應結構
9.2.4全局配置axios
9.3數據緩存
9.3.1請求數據
9.3.2緩存數據
9.3.3緩存優化
小結
第10章pinia狀態管理
10.1pinia介紹
10.1.1安裝和配置pinia
10.1.2創建Store
10.2State
10.2.1構建和訪問State
10.2.2重置和變更State
10.2.3其他操作方式
10.3Getters
10.3.1構建和訪問Getters
10.3.2其他操作方式
10.4Actions
10.4.1構建和執行Actions中方法
10.4.2執行異步請求
10.5其他擴展插件
10.5.1擴充Store
10.5.2數據持久化
小結
第11章Vant UI
11.1Vant介紹
11.1.1Vant的特點
11.1.2Vant安裝與配置
11.2Vant基礎組件
11.2.1Button組件
11.2.2Image組件
11.2.3Layout組件
11.3Vant表單組件
11.3.1PasswordInput組件
11.3.2Rate組件
11.3.3Signature組件
11.4Vant業務組件
11.4.1Card組件
11.4.2Coupon優惠券
11.4.3SubmitBar提交訂單欄
小結
第12章項目開發前準備
12.1功能設計
12.1.1項目背景
12.1.2需求分析
12.1.3功能模塊
12.2項目開發
12.2.1創建項目
12.2.2配置靜態資源
12.2.3數據源設計
12.3打包與發布
12.3.1開發與打包方法
12.3.2發布時註意事項
小結
第13章項目路由配置
13.1創建路由文件
13.1.1安裝路由模塊
13.1.2構建路由結構
13.1.3掛載路由文件
13.2配置路由對象
13.2.1按需加載組件
13.2.2路由傳參
13.2.3配置錯誤地址
小結
第14章商城首頁開發
14.1輪播和推薦商品
14.1.1頁面效果
14.1.2輪播圖製作
14.1.3爆款商品推薦
14.2熱點商品列表
14.2.1頁面效果
14.2.2列表數據源
14.2.3列表製作
14.3底部導航條製作
14.3.1頁面效果
14.3.2實現代碼
14.3.3調用導航條
小結
第15章商品分類頁開發
15.1分類頁查詢功能
15.1.1頁面效果
15.1.2組件代碼
15.1.3組件調用
15.2分類左側導航
15.2.1頁面效果
15.2.2組件代碼
15.2.3組件調用
15.3分類右側列表
15.3.1頁面效果
15.3.2組件代碼
15.3.3組件調用
小結
第16章商城動態頁開發
16.1動態列表頁功能
16.1.1頁面效果
16.1.2列表數據源
16.1.3列表製作
16.2列表詳情頁功能
16.2.1頁面效果
16.2.2組件代碼
16.3點贊與收藏功能
16.3.1頁面效果
16.3.2組件代碼
16.3.3全局狀態與方法
小結
第17章商品詳細頁開發
17.1大圖滾動功能
17.1.1頁面效果
17.1.2圖片數據源
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全局狀態與方法
17.4.4組件調用
小結
第18章購物車開發
18.1購物車列表頁功能
18.1.1頁面效果
18.1.2組件代碼
18.1.3組件調用
18.2自動計算總價功能
18.2.1頁面效果
18.2.2組件代碼
18.3增減購物車商品功能
18.3.1頁面效果
18.3.2組件代碼
18.3.3全局狀態與方法
18.4刪除購物車商品功能
18.4.1頁面效果
18.4.2組件代碼
18.4.3全局狀態與方法
小結
第19章個人中心頁開發
19.1我的訂單功能
19.1.1頁面效果
19.1.2組件代碼
19.1.3全局狀態和方法
19.2我的收藏功能
19.2.1頁面效果
19.2.2組件代碼
19.2.3全局狀態和方法
19.3管理收貨地址
19.3.1頁面效果
19.3.2組件代碼
19.3.3全局狀態與方法
19.4生成訂單功能
19.4.1頁面效果
19.4.2組件代碼
19.4.3全局狀態與方法
小結