前言　　　　隨著手機(jī)和移動(dòng)互聯(lián)網(wǎng)市場(chǎng)的日益成熟，移動(dòng)App領(lǐng)域也從如何開發(fā)，發(fā)展到如何更高效、更低成本地開發(fā)階段。傳統(tǒng)的原生平臺(tái)（PC、iOS和Android）開發(fā)技術(shù)雖然比較成熟，但由于其開發(fā)效率和成本的限制，已經(jīng)無(wú)法滿足移動(dòng)互聯(lián)網(wǎng)App的開發(fā)需求。
　　跨平臺(tái)技術(shù)橫空出世，大量的JavaScript框架和工具得以迅速流行，而Vue.js躍升為其中的佼佼者，成為構(gòu)建用戶界面的絕佳實(shí)踐技術(shù)之一。
　　Vue.js是一套構(gòu)建用戶界面的漸進(jìn)式框架。與其他重量級(jí)框架不同的是，Vue.js的核心庫(kù)只關(guān)注視圖層，并且采用自底向上增量開發(fā)的設(shè)計(jì)，非常容易學(xué)習(xí)。
　　Vue.js完全有能力驅(qū)動(dòng)采用單文件組件和Vue.js生態(tài)系統(tǒng)支持的庫(kù)來(lái)開發(fā)復(fù)雜的單頁(yè)應(yīng)用，它本身也非常容易與其他庫(kù)或已有項(xiàng)目進(jìn)行整合。
　　目前，市面上有關(guān)Vue.js的書甚是駁雜，大多數(shù)是對(duì)專業(yè)文檔的復(fù)述和非常難懂的底層知識(shí)的介紹。很難想象一個(gè)編程的初學(xué)者，或者只是一個(gè)初期嘗試Web開發(fā)的學(xué)生該如何閱讀這樣的書。
　　而本書是一本專注于Vue.js項(xiàng)目實(shí)戰(zhàn)的書，內(nèi)容涵蓋應(yīng)用廣泛的前端和后端技術(shù)，可以指導(dǎo)讀者構(gòu)建自身的知識(shí)框架。Vue.js主要擅長(zhǎng)前端視圖層的開發(fā)，本書不但介紹了Vue.js的一些開發(fā)技巧，而且用大量篇幅介紹了如何構(gòu)建一個(gè)合格的工程項(xiàng)目，以及如何用Vue.js在一個(gè)項(xiàng)目中開發(fā)出所需要的效果。
　　本書以實(shí)戰(zhàn)為主旨，從一個(gè)由Node.js開發(fā)的完整后臺(tái)開始，去制作一個(gè)電影網(wǎng)站，完成這項(xiàng)工程的每一個(gè)步驟，從而提高讀者的整體技術(shù)水平。本書涵蓋了Vue.js中常用的組件、API、布局、第三方UI組件庫(kù)、請(qǐng)求和數(shù)據(jù)更新等內(nèi)容，可以讓讀者全面、深入、透徹地理解Vue.js主流開發(fā)技術(shù)和整個(gè)項(xiàng)目工程的設(shè)計(jì)方法，從而提升實(shí)際開發(fā)水平和項(xiàng)目實(shí)戰(zhàn)能力。
　　本書涉及的知識(shí)點(diǎn)較多，如圖1的詞云圖所示。即便是一個(gè)對(duì)Vue.js一無(wú)所知的小白，通過(guò)閱讀本書，也可以一點(diǎn)一滴地積累知識(shí)，完成整個(gè)Vue.js的學(xué)習(xí)。
圖1 詞云圖　　本書的學(xué)習(xí)流程如圖2所示。
圖2 本書學(xué)習(xí)流程本書特色　　1．涵蓋Web開發(fā)的常用技術(shù)　　本書不僅是一本介紹Vue.js框架技術(shù)的圖書，更是一本JavaScript全棧技術(shù)圖書。書中不僅涵蓋從HTML 5、CSS 3到JavaScript腳本編程等Web開發(fā)的基礎(chǔ)知識(shí)，而且也涵蓋NoSQL數(shù)據(jù)庫(kù)技術(shù)、Node.js服務(wù)器端開發(fā)技術(shù)及頁(yè)面優(yōu)化技術(shù)等高級(jí)開發(fā)知識(shí)。
　　2．注重實(shí)戰(zhàn)，通過(guò)一個(gè)完整的項(xiàng)目帶領(lǐng)讀者學(xué)習(xí)　　本書通過(guò)一個(gè)完整的Web工程項(xiàng)目案例貫穿全書，帶領(lǐng)讀者全流程參與該項(xiàng)目的整個(gè)開發(fā)過(guò)程，讓讀者可以掌握Web開發(fā)的完整技術(shù)鏈，從而提升實(shí)際項(xiàng)目開發(fā)水平。
　　3．對(duì)項(xiàng)目案例的核心源代碼做了詳細(xì)注釋和講解　　為了便于讀者理解本書內(nèi)容，提高學(xué)習(xí)效率，本書在講解時(shí)給出了書中項(xiàng)目案例的核心源代碼，并對(duì)源代碼做了詳細(xì)注釋，對(duì)實(shí)現(xiàn)方法和思路做了詳細(xì)講解。
　　4．展現(xiàn)項(xiàng)目設(shè)計(jì)思路和項(xiàng)目管理流程　　筆者認(rèn)為，一個(gè)優(yōu)秀的程序員不僅要有良好的代碼編寫能力，更要有對(duì)整個(gè)項(xiàng)目的設(shè)計(jì)思路和把控能力，這對(duì)于編寫業(yè)務(wù)邏輯的程序員尤其重要。本書從第2章開始就逐步滲透了項(xiàng)目管理的相關(guān)知識(shí)，展現(xiàn)了從項(xiàng)目設(shè)計(jì)到項(xiàng)目開發(fā)的整個(gè)流程。
本書內(nèi)容　　第1篇 背景知識(shí)（第1章）　　本篇主要介紹了網(wǎng)頁(yè)開發(fā)的相關(guān)背景知識(shí)和Vue.js的背景知識(shí)，并通過(guò)Hello World標(biāo)準(zhǔn)入門示例帶領(lǐng)讀者體驗(yàn)如何簡(jiǎn)單地使用Vue.js。通過(guò)對(duì)本篇內(nèi)容的學(xué)習(xí)，讀者可以掌握Vue.js的安裝方法，并對(duì)Vue.js的主要特性有個(gè)大概的了解，從而給后續(xù)學(xué)習(xí)打好基礎(chǔ)。
　　第2篇 項(xiàng)目設(shè)計(jì)（第2～4章）　　本篇主要介紹了一個(gè)電影網(wǎng)站的項(xiàng)目設(shè)計(jì)，包括整個(gè)項(xiàng)目的UI設(shè)計(jì)、路由設(shè)計(jì)和數(shù)據(jù)庫(kù)設(shè)計(jì)等。通過(guò)對(duì)本篇內(nèi)容的學(xué)習(xí)，讀者可以了解一個(gè)完整的項(xiàng)目應(yīng)該如何去構(gòu)思和設(shè)計(jì)，應(yīng)該包含哪些內(nèi)容，從而提高自己的項(xiàng)目設(shè)計(jì)能力。
　　第3篇 Vue.js應(yīng)用開發(fā)（第5~8章）　　本篇主要介紹了電影網(wǎng)站前端和后端的實(shí)現(xiàn)，涵蓋Node.js技術(shù)、Vue.js組件和API等技術(shù)。本篇通過(guò)大量的代碼展示了Vue.js的強(qiáng)大功能，并比較了當(dāng)前流行的前端技術(shù)和傳統(tǒng)的Web開發(fā)技術(shù)的差異。通過(guò)對(duì)本篇內(nèi)容的學(xué)習(xí)，讀者可以系統(tǒng)地掌握Vue.js應(yīng)用開發(fā)所需要掌握的各種技術(shù)。
　　第4篇 頁(yè)面優(yōu)化（第9章）　　本篇主要介紹了如何使用網(wǎng)絡(luò)中已有的UI庫(kù)或其他造好的車輪，去優(yōu)化自己的頁(yè)面。通過(guò)應(yīng)用這些流行的UI組件庫(kù)，開發(fā)人員可以快速地將一個(gè)頁(yè)面制作得非常精美。通過(guò)對(duì)本章內(nèi)容的學(xué)習(xí)，讀者可以掌握頁(yè)面優(yōu)化的各種武器，從而開發(fā)出更加美觀的頁(yè)面。
本書配套資源獲取方式　　本書涉及的源代碼文件等配套資源需要讀者自行下載。請(qǐng)?jiān)谌A章公司的網(wǎng)站www.hzbook.com上搜索到本書，然后在本書頁(yè)面上找到資料下載模塊即可下載。
本書讀者對(duì)象* Vue.js初學(xué)人員；* Vue.js進(jìn)階人員；* JavaScript全棧開發(fā)者；* Web前端開發(fā)工程師；* Web服務(wù)器端開發(fā)工程師；* Node.js服務(wù)端開發(fā)工程師；* 軟件開發(fā)項(xiàng)目經(jīng)理；* 各大院校的學(xué)生；* 相關(guān)培訓(xùn)機(jī)構(gòu)的學(xué)員。
致謝　　感謝本書編輯，讓我有機(jī)會(huì)和本書結(jié)緣！感謝在本書寫