前言

剛開始接觸Vue.js框架時，我就被其輕量、組件化和友好的應用程序接口（Application Programming Interface,API）所吸引。之后經過深入研究與實際開發，更加意識到Vue.js的奇妙。再后來研究了其他MVVM框架，幾經對比后，發現Vue.js依然是最適合初學者學習的MVVM框架之一，其學習成本低、效果好，是前端開發的不二之選。

我將多年的知識積累與實際開發經驗濃縮成這本書，從簡到難，并且通過實際開發的案例來分析，深入淺出、圖文并茂，力求將枯燥的知識用詼諧幽默、淺顯直白的方式敘述出來。本書拋開了冗余難懂的理論化內容，除實戰需要用到的必備知識外，沒有其他多余的內容，絕不貪多求全，尤其強調實際操作、快速上手，并且側重點絕不是展示示例（Demo），而是更注重實戰開發——從如何分析涉及項目、如何構建項目框架到項目實際開發、數據庫配置、后端接口的配置，讀者學到的都是項目開發中所需要的知識，項目構建的整體過程。

本書主要分為基礎準備篇與項目實戰篇，其中基礎準備篇涵蓋了項目開發需要的各種內容與工具，并做了詳細的講解。

1.前端歷史的介紹

“以史為鏡，可以知興替”。從前端最開始的故事講起，介紹這20多年來前端的發展。講解前端如何從靜態網頁到如今的單頁面應用，其間不斷的革新是由無數人一步一個腳印走出來的，發展的艱辛可想而知。了解前端的歷史的目的，主要就是明確前端的發展方向，以便有的放矢地學習。

2. Vue.js基礎知識的介紹

這部分主要介紹了后期實戰所需用到的Vue.js相關知識，從兩個簡單的Demo先了解Vue.js的特性，之后根據這些特性來逐步分析學習Vue.js的知識。此外，還單獨列出一章，講解Vue.js組件的相關知識，不僅僅是因為組件知識比較重要，還因為組件知識的內容也比較復雜，尤其是組件之間信息的傳遞，相對來說比較復雜。

3. ES6語法介紹

后期實戰代碼中較多使用了ES6語法，而ES6與前代ES5語法區別較大，若不加以講解，可能有些讀者無法理解，有可能嚴重影響開發進度。書中詳細講解ES6的重點特性，并輔以例子方便讀者理解。

4.前后端項目框架構建

為項目實戰做好基礎工作，在腳手架工具的基礎上二次開發，得到了具備一定程度上自動化解析代碼的方法，為項目的開發提供了很好的底層內容。

第2篇為項目實戰篇，以網頁版知乎為例，介紹如何實現主要的增、刪、改、查功能，幫助讀者了解項目實際開發中需要經歷的流程，并且熟練使用Vue.js來構建項目。

1.基礎部分的開發

本部分介紹頁面整體框架與用戶登錄、登出功能的實現方法，如何使用Cookies存儲用戶登錄信息以及頁面相應的展示狀態，并對項目的邏輯層也進行簡單介紹。

2.文章問題回答等一系列內容的增、刪、改、查

實戰項目的主要內容，從增、刪、改、查的角度為讀者介紹前后端的操作邏輯，讓讀者對項目的整體流程有一個更立體的認識，能熟練使用Vue.js對數據進行各種形式的展示及靈活調用組件。本部分對代碼的解耦和復用性也做了一定程度上的介紹，幫助讀者養成更好的開發習慣，促進職業道路的發展。

3.個人信息的展示與修改

對整個項目的展示與修改，通過規范化配置與組件的靈活調用，力求用最少的代碼實現此功能，同時對整個項目的內容進行梳理，對每種類型的內容的存在與意義有了更深刻的認識。

4.前后端項目的部署

從購買服務器、配置服務器到項目的實際部署，一步步教會讀者獨立部署項目，并且介紹相關工具的使用，擴展讀者的知識面，讓讀者對開發有更長遠的認識。

本書讀者對象

本書包括基礎內容和實戰項目，適用于剛接觸Vue.js的前端或后端開發者。當然，有一定Vue.js開發經驗的讀者也能從中收獲不少實戰經驗。