前言

隨著JavaScript語言越來越受人們的關注，Vue.js逐步成為當今全球非常流行的三大前端框架之一，在短短幾年的時間里，其在GitHub上便獲得了20萬顆星的好評；尤其是在近一兩年內，其在中國成為非常流行的前端框架之一。Vue.js之所以能夠受到如此廣泛的歡迎，是因為在移動互聯網的大背景下，它順應了前后端分離開發模式的演進趨勢，為開發者提供了高效且友好的開發環境，這極大地解放了程序員的生產力。

本書通過大量實際案例深入講解使用JavaScript語言和Vue.js框架進行前端開發的概念、原理和方法。讀者如果掌握了JavaScript語言和Vue.js框架，那么在以后的工作中需要學習使用其他前端框架，也能更加得心應手。

編寫思路

本書第一篇從JavaScript的基礎知識講起，逐步引入數據類型、程序控制流、對象、集合等重要內容，并對JavaScript的原型鏈機制以及ES6中新增的類的概念做了介紹，此外還介紹了DOM的概念，這可為后面介紹Vue.js做鋪墊。第二篇首先從Vue.js的基礎知識講起，在不引入腳手架等工具的情況下，介紹MVVM的核心原理，并對Vue.js的插值、指令、偵聽器等內容進行講解；然后引入組件的概念，介紹組件化開發的思想，并以專題的形式對AJAX、路由、狀態管理等內容進行了深入講解。第三篇通過一個非常典型且具有一定挑戰性的綜合案例，幫助讀者熟悉并掌握使用Vue.js進行Web前端開發的方法。本書十分重視“知識體系”和“案例體系”的構建，并且通過不同案例對相關知識點進行說明，以期培養讀者在Web前端開發領域的實戰技能。讀者可以掃碼預覽本書各章案例。

特別說明

（1）學習本書所需的前置知識是HTML5和CSS3這兩種基礎語言。讀者可以參考本書提供的思維導圖，檢驗自己對相關知識的掌握程度。

（2）學習JavaScript部分時，需要重視由于JavaScript語言的演變而帶來的問題，例如開發方式和代碼風格等都會隨著JavaScript語言的演變而變化。本書基本按照ES6規范來編寫代碼，在文中對于一些特別需要注意的地方也進行了說明。

（3）學習本書時，讀者需要特別重視前3章（尤其是第3章）的內容，其對Vue.js中最具特色的“響應式”原理進行了深入講解。“響應式”原理是Vue.js框架的核心基礎原理，如果讀者能夠從原理層面理解“響應式”，那后面章節的學習就會比較輕松。

（4）在版本方面，雖然Vue.js 3已被發布，但考慮到目前在業界大多數企業使用的仍是Vue.js 2，另外Vue.js 2的技術資料也比較多，對于教學更加有益，因此，本書基于Vue.js 2進行相關內容的講解。需要說明的是，編者也為本書的所有案例編寫了對應的Vue.js 3版本的源代碼，讀者可以通過下載本書配套資源文件來獲取相關源代碼。

最后，祝愿讀者學習愉快，早日成為一名優秀的Web前端開發者。

溫謙
2021年冬天于北京