前言

Vue.js是一套構建用戶界面的漸進式框架，采用自底向上增量開發的設計。Vue.js的核心庫只關注視圖層，并且非常容易學習，與其他庫或已有項目整合也非常方便，因此Vue.js能夠在很大程度上降低Web前端開發的難度，深受廣大Web前端開發人員的喜愛。

本書內容

第1章是快速進入Vue.js的世界，內容包括前端開發技術的發展、MV*模式、Vue.js概述、Vue.js的發展歷程、Vue.js 3.x的新變化。

第2章介紹搭建開發與調試環境，內容包括安裝Vue.js、安裝WebStorm、安裝vue-devtools、第一個Vue.js程序。

第3章介紹ECMAScript 6的語法，內容包括ECMAScript 6、塊作用域構造let和const、模板字面量、默認參數和rest參數、解構賦值、展開運算符、增強的對象文本、箭頭函數、Promise實現、Classes、Module。

第4章介紹Vue.js的語法，內容包括創建應用程序實例、插值、方法選項、生命周期鉤子函數、指令、縮寫、取消構造函數。

第5章介紹指令，內容包括內置指令、自定義指令、通過指令實現下拉菜單效果。

第6章介紹計算屬性，內容包括使用計算屬性、計算屬性的getter和setter方法、計算屬性的緩存、計算屬性代替v-for和v-if、使用計算屬性設計購物車效果。

第7章是精通監聽器，內容包括使用監聽器、監聽方法、監聽對象、使用監聽器設計購物車效果。

第8章介紹事件處理，內容包括監聽事件、事件處理方法、事件修飾符、按鍵修飾符、系統修飾鍵、處理用戶注冊信息。

第9章介紹class與style綁定，內容包括綁定HTML樣式（class）、綁定內聯樣式（style）、設計隔行變色的商品表。

第10章介紹表單輸入綁定，內容包括實現雙向數據綁定、單行文本輸入框、多行文本輸入框、復選框、單選按鈕、選擇框、值綁定、修飾符、設計用戶注冊頁面。

第11章介紹組件和組合API，內容包括組件是什么、組件的注冊、使用prop向子組件傳遞數據、子組件向父組件傳遞數據、插槽、組合API、setup()函數、響應式API、訪問組件的方式、使用組件創建樹狀項目分類。

第12章介紹設計過渡和動畫效果，內容包括單元素/組件的過渡、初始渲染的過渡、多個元素的過渡、列表過渡、商品編號增加器、設計下拉菜單的過渡動畫。

第13章介紹Vue CLI和Vite，內容包括腳手架的組件、腳手架環境搭建、安裝腳手架、創建項目、分析項目結構、配置Scss、配置Less和Stuly、配置文件gackage.json、構建工具Vite。

第14章介紹使用Vue Router開發單頁面應用，內容包括使用Vue Router、命名路由、命名視圖、路由傳參、編程式導航、組件與Vue Router間解耦。

第15章介紹Axios，內容包括什么是Axios、安裝Axios、Axios的基本用法、Axios API、請求配置、創建實例、配置默認選項、攔截器、顯示近7日的天氣情況實例。

第16章介紹Vuex，內容包括什么是Vuex、安裝Vuex、在項目中使用Vuex。

第17章介紹開發網上購物商城的項目實訓。

第18章介紹開發電影購票App的項目實訓。

本書特色

（1）知識全面：涵蓋所有Vue.js 3.x的知識點，知識由淺入深，便于讀者循序漸進地掌握移動網站和App開發技術。

（2）注重操作，圖文并茂：在介紹案例的過程中，每一個操作均有對應的插圖。這種圖文結合的方式，使讀者在學習過程中能夠直觀、清晰地看到操作的過程及效果，便于更快地理解和掌握相關知識點。

（3）易學易用：顛覆傳統“看”書的觀念，把書變成一本能“操作”的圖書。

（4）示例豐富：把知識點融匯于眾多的示例中，并且結合實戰案例進行講解和拓展，從而達到“知其然，并知其所以然”的目的。

（5）貼心周到：對讀者在學習過程中可能會遇到的疑難問題以“提示”的形式進行說明，避免讀者在學習過程中走彎路。

（6）資源豐富：本書提供所有示例的源代碼、課件和教學視頻，方便讀者快速掌握網站前端開發的技能，使本書真正體現“自學無憂”，成為一本物超所值的好書。

（7）技術支持：讀者可關注本書的技術支持公眾號，向作者索要源代碼、教學幻燈片和精品教學視頻。在學習過程中遇到問題，也可以通過公眾號請作者指點。

超值教學資源下載與技術支持

示例源碼、PPT課件、同步教學視頻、教學大綱與執行進度表、習題與答案、就業面試題、開發技巧與常見錯誤等教學資源，請用微信掃描以下二維碼下載，也可按頁面提示把下載鏈接轉發到自己的郵箱下載。如果學習本書的過程中發現問題，請聯系booksaga@163.com，郵件主題寫“Vue.js 3.x從入門到精通（視頻教學版）”。作者微信技術支持信息請查閱下載文檔中的相關文件獲取。

讀者對象

本書是一本完整介紹Vue.js前端開發技術的教程，內容豐富，條理清晰，實用性強，適合以下讀者學習使用：

·　沒有任何Vue.js前端開發基礎的初學者。

·　希望快速、全面掌握Vue.js框架的開發人員。

·　高等院校、中職學校及培訓機構的學生。

鳴謝

本書由李小威創作，參與編寫的還有王英英、張工廠、劉增杰、胡同夫、劉玉萍、劉玉紅。本書的編寫雖然傾注了編者的努力，但由于水平有限、時間倉促，書中難免有疏漏之處，歡迎讀者批評指正。如果遇到問題或有好的建議，敬請與我們聯系，我們將全力提供幫助。

編　者

2023年1月