本書以項目為引導,充分體現(xiàn)“做中學,學中做”的思想,詳細介紹了Vue.js框架的基礎(chǔ)知識及實戰(zhàn)項目開發(fā)。全書分為上下兩篇,上篇包括第1-10章,主要介紹了Vue.js的開發(fā)工具、Vue基礎(chǔ)特性、條件判斷與列表疸染、計算屬性與監(jiān)聽屬性、樣式綁定、事件處理、表單控件綁定、自定義指令、Vue組件和樣式的應用等基礎(chǔ)知識;下篇包括第11-13章,主要介紹了Vue單頁Web應用、Vue路由的應用、“五金購物街”項目實戰(zhàn)等內(nèi)容。
Vue.js是一種漸進式的JavaScript開發(fā)框架,是目前企業(yè)開發(fā)主流的三大前端框架技術(shù)之一,比較適合初學者學習。它具有組件化、輕量級、API友好等優(yōu)點,受到企業(yè)前端開發(fā)人員的歡迎。本書在內(nèi)容組織上深入淺出、圖文并茂,以項目教學為引導,以培養(yǎng)讀者能力為目的,簡化了難理解的理論內(nèi)容,強調(diào)讀者的實際操作。本書的主要特點如下。
。1)項目化教學。本書中的案例來源于實際項目,體現(xiàn)了“教、學、做一體化”的思想,方便讀者快速上手,注重培養(yǎng)讀者動手做項目的能力。
。2)內(nèi)容組織合理。本書按照由淺入深的原則組織內(nèi)容,使讀者循序漸進地理解前端框架基礎(chǔ)知識。在此基礎(chǔ)上編寫了本書工程化項目開發(fā)篇,通過講解Vue腳手架、Webpack以及實戰(zhàn)項目相關(guān)內(nèi)容,帶領(lǐng)讀者更好地掌握前面所學的基礎(chǔ)知識。
(3)教學資源多元化。本書配備了教學課件、課后思考題和源代碼等,并且每個重點項目都配備了微課視頻,讀者可掃描二維碼觀看。
本書由衢州職業(yè)技術(shù)學院梅鵬飛、張麗娜與衢州實達實集團有限公司前端開發(fā)工程師吳意東合作編著。其中,梅鵬飛負責編寫第1~ 10章,吳意東負責編寫第11章和13章,張麗娜負責編寫第12章。作者不但具有豐富的前端開發(fā)經(jīng)驗及課程授課經(jīng)驗,而且還具有使用HTML5、CSS3和JavaScript等技術(shù)進行實際項目開發(fā)的經(jīng)驗。因此,本書具有一定的實用性。
本書在編寫過程中,參考了有關(guān)文獻資料,在此向文獻資料的作者表示感謝。由于作者水平所限,書中疏漏和不足之處,敬請讀者批評指正。
上篇 基礎(chǔ)知識
1 Vue.js開發(fā)工具入門
1.1 Vue.js概述
1.1.1 Vue.js的含義
1.1.2 Vue.js的特性
1.1.3 Vue.js的優(yōu)勢
1.2 Vue.js的安裝與引入
1.2.1 Vue.js的下載
1.2.2 Vue.js的引入
1.3 開發(fā)工具Visual Studio Code簡介
1.4 實訓任務(wù):創(chuàng)建第一個Vue實例
本章小結(jié)
思考題
2 Vue基礎(chǔ)特性
2.1 Vue實例與選項
2.1.1 掛載元素
2.1.2 數(shù)據(jù)
2.1.3 方法
2.1.4 生命周期鉤子函數(shù)
2.2 數(shù)據(jù)綁定
2.2.1 模板語法
2.2.2 插值
2.2.3 過濾器
2.2.4 指令
2.3 實訓任務(wù)
本章小結(jié)
思考題
3 條件判斷與列表渲染
3.1 條件判斷
3.1.1 v-if指令
3.1.2 v-else指令
3.1.3 v-else-if指令
3.1.4 v-show指令
3.1.5 v-if和v-show的區(qū)別
3.2 列表渲染
3.2.1 應用v-for指令遍歷數(shù)組
3.2.2 在< template>元素中使用v.for
3.2.3 數(shù)組更新檢測
3.2.4 應用v -for指令遍歷對象
3.2.5 向?qū)ο笾刑砑訉傩?
3.2.6 應用v -for指令遍歷整數(shù)
3.3 實訓任務(wù)
本章小結(jié)
思考題
4 計算屬性與監(jiān)聽屬性
4.1 計算屬性
4.1.1 計算屬性的含義
4.1.2 getter和setter
4.1.3 計算屬性的緩存
4.1.4 計算屬性與methods的區(qū)別
4.2 監(jiān)聽屬性
4.2.1 監(jiān)聽屬性的含義
4.2.2 deep選項
4.3 實訓任務(wù)
本章小結(jié)
思考題
5 樣式綁定
5.1 class屬性綁定
5.1.1 對象語法
5.1.2 數(shù)組語法
5.2 內(nèi)聯(lián)樣式綁定
5.2.1 對象語法
5.2.2 數(shù)組語法
……
下篇 工程化項目開發(fā)
參考文獻