前言

自互聯網行業出現以來，Web前端就在不斷發展變化著，從開始的靜態頁面，到JavaScript腳本添加頁面交互，再到Ajax出現使頁面內容變得更加豐富，然后就是HTML 5和CSS 3讓前端不僅限于瀏覽器，也走進了人們的手機中。每一步變化都影響著前端開發者的日常工作，10年前的深夜，當我們還在為jQuery眾多煩瑣的API而頭疼，不知該如何拆分和組織眾多JS和CSS文件時，是否會想到有了Vue.js、React.js、Angular.js以及Webpack和Vite工具，讓我們真正地進入了前端工程化的時代。前端的發展變化不僅是繼承式地迭代，同時也是不斷的變革和創造。

Vue.js是一套用于構建用戶界面的漸進式框架，也是一款Web應用框架，可創建復雜的單頁應用。它由尤雨溪（Evan You）創建，目前由他和其他活躍的核心團隊成員維護。Vue.js關注的核心是MVC模式中的視圖層，同時它也能方便地獲取數據更新，并通過組件內部特定的方法實現視圖與模型的交互。Vue.js不僅容易上手，還便于與第三方庫集成和整合，生態非常豐富，是當今最受歡迎的開源JavaScript項目之一。本書主要圍繞Vue.js來講解其基礎理論知識和應用實踐項目。

本書介紹

本書基于Vue.js 3.2.28版本，是當前Vue 3.x最穩定的版本，我們通常把Vue.js 3的一些版本（例如3.2.4、3.0等）統稱為Vue 3.x版本，而Vue.js 2的一些版本統稱為Vue 2.x版本。相較于Vue 2.x版本來說，Vue 3.x在源碼實現上有了一定程度上的改變，并且在性能和可用性上有了很大的提升，其中主要包括：

·　重構虛擬DOM模塊（靜態提升）。

·　基于Proxy的響應式對象。

·　事件緩存。

·　更好的Tree Shaking支持。

·　TypeScript和Monorepo代碼組織。

·　組合式API。

·　Vite工具。

本書在講解Vue 3基礎內容的基礎上也會圍繞這些新的變化和特性進行講解和應用，同時詳細介紹了Vue.js相關的生態，包括Vuex、Vue Router、Vue Cli、Vue動畫、Vite、Vue Cli工具等。另外本書還涉及Vue服務端渲染（Node.js、Express）的相關內容，服務端渲染對Vue前端項目的改造提升是非常明顯的，不僅有利于搜索引擎的SEO，在首屏體驗上也會快很多，但是需要前端開發者關注的點也更多了，這可能需要讀者有一定的Node.js基礎，以便于對這部分內容的理解。本書的一大特色是對Vue 3.x的核心源碼（響應式原理、雙向綁定實現、虛擬DOM、<keep-alive>原理和實現）進行了分析和講解，這不僅有利于讀者掌握Vue.js的設計思想，也能提升讀者對Vue.js框架的熟練度，同時Vue.js源碼知識也是近年來前端面試經常被問到的內容，學習和掌握這些內容是非常必要的。在本書的最后會應用所講解的Vue.js相關內容來開發一個實戰項目，以幫助讀者完整地體驗從0到1的開發過程，還包括Vite工具的構建配置和模擬請求后端數據等只會在真實項目中才會用的技能。

本書的所有內容旨在幫助讀者真正掌握Vue.js的應用開發，同時兼顧了Node.js的服務端渲染知識以及核心的源碼分析內容，讓讀者學會Vue.js項目開發的同時還能兼具掌握其內部的實現機制，最終得到全方位的提升。

配書資源

為方便讀者上機演練，本書提供了全部案例的源代碼，讀者可以掃描右側的二維碼下載，也可按提示把鏈接轉發到自己的郵箱中下載。如果有疑問，請發送郵件至booksaga@126.com，郵件主題為“Vue.js 3應用開發與核心源碼解析”。

全書還提供了各章案例與項目的教學視頻，讀者直接掃描書中的二維碼即可觀看學習。

讀者對象

本書適合有一定前端開發基礎的學生、從業者以及自由項目開發者閱讀。

本書也適合對Vue.js感興趣，善于做各種Vue.js應用探索，想要深入了解Vue.js底層實現的開發者閱讀。

還可用作大中院校的教學用書，或有面試需求的前端求職人員的參考用書。

本書的默認環境和依賴說明

本書所包含的源碼和項目開發調試環境為Windows 11操作系統，編輯器為Sublime Text 3，調試用的瀏覽器為Chrome，版本是98，在一些案例中會使用到Node.js，版本為v-14.14.0，建議讀者提前進行配置和安裝。

限于編者水平，書中錯誤在所難免，敬請廣大讀者和業界同行批評指正。

編　者

2022年4月