本書通過對Vue.js示例和綜合案例的學習與演練，使讀者快速掌握Vue.js 3.x框架的用法，提高Web前端的實戰開發能力。本書配套教學資源非常豐富，適合Vue.js初學者，也適合高等院校計算機及相關專業的師生教學使用。

●第1章 認識Vue.js 3.x11.1 Web前端技術的發展歷程11.1.1 從靜態向動態轉變11.1.2 從後端走向前端21.1.3 從前端走向全端21.2 Vue.js概述21.2.1 Vue.js是什麼21.2.2 Vue.js發展歷程41.3 MV*模式41.3.1 MVC模式41.3.2 MVVM模式5第2章 創建Vue.js實例62.1 安裝vue-devtools62.2 在項目中引入Vue.js82.2.1 使用CDN92.2.2 使用NPM92.2.3 使用命令行工具CLI92.2.4 使用Vite102.3 安裝和使用編輯器HBuilder102.4 項目實訓—我的第一個Vue.js程序12第3章 Vue.js模板語法163.1 創建應用程序實例163.2 插值173.3 方法選項193.3.1 使用方法193.3.2 傳遞參數213.3.3 方法之間的調用223.4 Vue實例的生命周期233.4.1 認識生命周期鉤子函數233.4.2 created和mouted253.5 指令27第4章 精通指令294.1 常見內置指令294.1.1 v-show指令294.1.2 v-bind指令304.1.3 v-model314.1.4 v-on334.1.5 v-text344.1.6 v-html354.1.7 v-once364.1.8 v-pre374.1.9 v-cloak384.2 條件渲染指令394.2.1 v-if394.2.2 v-else-if和v-else404.2.3 v-for414.3 指令縮寫534.4 自定義指令534.4.1 注冊自定義指令534.4.2 鉤子函數544.4.3 動態指令參數564.5 項目實訓—通過指令實現隨機背景色效果57第5章 計算屬性595.1 計算屬性的定義595.2 計算屬性的getter和setter方法605.3 計算屬性的緩存625.4 計算屬性代替v-for和v-if655.5 項目實訓—使用計算屬性設計計算器66第6章 v-bind及class與style綁定686.1 綁定HTML樣式class686.1.1 數組語法686.1.2 對像語法706.1.3 用在組件上746.2 綁定內聯樣式style746.2.1 對像語法746.2.2 數組語法776.3 項目實訓—設計隔行變色的水果信息表78第7章 表單與v-model雙向綁定817.1 實現雙向數據綁定817.2 單行文本輸入框817.3 多行文本輸入框827.4 復選框837.5 單選按鈕857.6 選擇框867.7 值綁定897.7.1 復選框897.7.2 單選框897.7.3 選擇框的選項907.8 修飾符917.8.1 lazy917.8.2 number927.8.3 trim937.9 項目實訓—設計用戶注冊頁面94第8章 精通監聽器968.1 使用監聽器968.2 監聽方法和對像978.2.1 監聽方法978.2.2 監聽對像988.3 實例方法$watch1018.4 項目實訓—使用監聽器設計購物車效果102第9章 事件處理1079.1 監聽事件1079.2 事件處理方法1089.3 事件修飾符1119.3.1 stop1129.3.2 capture1149.3.3 self1159.3.4 once1179.3.5 prevent1189.3.6 passive1199.4 按鍵修飾符1199.5 繫統修飾鍵1219.6 項目實訓—處理用戶注冊信息122第10章 過渡和動畫效果12510.1素/組件的過渡和動畫12510.1.1 CSS過渡12510.1.2 過渡的類名12710.1.3 CSS動畫12910.1.4 自定義過渡的類名13010.1.5 動畫的JavaScript鉤子函數13110.2 初始渲染的過渡13510.3 素的過渡13610.4 列表過渡13710.4.1 列表的進入/離開過渡13810.4.2 列表的排序過渡13910.4.3 列表的交錯過渡14010.5 項目實訓—設計折疊菜單的過渡動畫142第11章 組件和組合API14511.1 組件是什麼14511.2 組件的注冊14611.2.1 全局注冊14611.2.2 局部注冊14711.3 使用prop向子組件傳遞數據14711.3.1 prop基本用法14811.3.2 單向數據流15111.3.3 prop驗證15111.3.4 非prop的屬性15311.4 子組件向父組件傳遞數據15411.4.1 監聽子組件事件15511.4.2 將原生事件綁定到組件15611.4.3 .sync修飾符15811.5 插槽16011.5.1 插槽基本用法16011.5.2 編譯作用域16011.5.3 默認內容16111.5.4 命名插槽16211.5.5 作用域插槽16511.5.6 解構插槽prop16611.6 什麼是組合API16811.7 setup()函數16811.8 響應式API16911.8.1 reactive()方法和watchEffect()方法16911.8.2 ref()方法17011.8.3 readonly()方法17111.8.4 computed()方法17211.8.5 watch()方法17211.9 項目實訓—使用組件創建樹狀項目分類173第12章 虛擬DOM和render()函數17612.1 虛擬DOM17612.2 render()函數17712.3 創建組件的VNode18012.4 使用JavaScript代替模板功能18112.4.1 v-if和v-for18112.4.2 v-on18212.4.3 事件和按鍵修飾符18212.4.4 插槽18312.5 函數式組件18512.6 JSX18512.7 項目實訓—設計商品采購信息列表186第13章 精通Vue CLI和Vite18913.1 腳手架的組件18913.2 腳手架環境搭建19013.3 安裝腳手架19113.4 創建項目19213.4.1 使用命令19213.4.2 使用圖形化界面19513.5 分析項目結構19613.6 配置scss、less和stuly19813.7 配置文件gackage.json20113.8 Vue.js 3.x新增的開發構建工具Vite202第14章 使用Vue Router開發單頁面應用20514.1 使用Vue Router20514.1.1 在HTML頁面使用路由20514.1.2 在項目中使用路由21014.2 命名路由21114.3 命名視圖21314.4 路由傳參21714.5 編程式導航22214.6 組件與Vue Router之間解耦22614.6.1 布爾模式22614.6.2 對像模式22914.6.3 函數模式232第15章 使用axios與服務器通信23515.1 什麼是axios23515.2 安裝axios23615.3 基本用法23615.3.1 get請求和post請求23615.3.2 請求JSON數據23815.3.3 跨域請求數據23915.3.4 並發請求24115.4 axios API24315.5 請求配置24415.6 創建實例24615.7 配置默認選項24615.8 24715.9 項目實訓—顯示近7日的天氣情況248第16章 使用Vuex管理組件狀態25016.1 什麼是Vuex25016.2 安裝Vuex25116.3 在項目中使用Vuex25216.3.1 搭建一個項目25216.3.2 state對像25416.3.3 getter對像25516.3.4 mutation對像25716.3.5 action對像259第17章 開發網上商城項目26217.1 繫統功能模塊26217.2 繫統結構分析26317.3 繫統運行效果26317.4 繫統功能模塊設計與實現26417.4.1 首頁頭部組件26417.4.2 首頁信息模塊26517.4.3 用戶注冊與登錄模塊26817.4.4 商品模塊27017.4.5 購買模塊27617.4.6 支付模塊277後記279

本書通過對Vue.js示例和綜合案例的介紹與演練，使讀者快速掌握Vue.js 3.x框架的用法，提高Web前端的實戰開發能力。本書配套示例源碼、PPT課件、教學教案、同步教學視頻、習題及答案、其他資源與答疑服務。本書共分17章，內容包括Vue.js 3.x基本概念、創建Vue.js實例、Vue.js的插值語法、精通指令、計算屬性、v-bind及class與style綁定、表單與v-model雙向綁定、精通監聽器、事件處理、過渡和動畫效果、組件和組合API、虛擬DOM和render()函數、精通Vue CLI和Vite、使用Vue Router開發單頁面應用、使用axios與服務器通信、使用Vuex管理組件狀態以及網上商城項目案例。本書內容豐富、注重實踐，對Vue.js框架的初學者而言，是一本簡明易懂的入門書和工具書；對從事Web前端開發的讀者來說，也是一本難得的參考手冊。本書也適合等

李小威 著