Vue.js前端開(kāi)發(fā)技術(shù)(新編21世紀(jì)高等職業(yè)教育精品教材·電子與信息類)
定 價(jià):42 元
叢書(shū)名:新編21世紀(jì)高等職業(yè)教育精品教材·電子與信息類
- 作者:張居彥
- 出版時(shí)間:2025/4/1
- ISBN:9787300334394
- 出 版 社:中國(guó)人民大學(xué)出版社
- 中圖法分類:
- 頁(yè)碼:252
- 紙張:
- 版次:1
- 開(kāi)本:16
Vue.js是一套用于構(gòu)建用戶界面的漸進(jìn)式框架,采用“模型-視圖-視圖模型”的模式,支持?jǐn)?shù)據(jù)驅(qū)動(dòng)和組件化開(kāi)發(fā)。本書(shū)在模塊化、層次化、在線等方面做了大量的探索與實(shí)踐,構(gòu)建了獨(dú)特的模塊化結(jié)構(gòu),合理選取并有序組織內(nèi)容,兼顧知識(shí)學(xué)習(xí)的靈活性與教材使用的實(shí)用性。本書(shū)構(gòu)建了Vue.js前端應(yīng)用開(kāi)發(fā)的理論知識(shí)學(xué)習(xí)與編程技能訓(xùn)練的層次化結(jié)構(gòu),由易到難、由淺入深,以介紹Vue框架基礎(chǔ)知識(shí)為主線,詳細(xì)闡述了基于MVVM框架的Vue框架原理,Vue雙向數(shù)據(jù)綁定的特點(diǎn),重點(diǎn)介紹了基于Vue知識(shí)點(diǎn)案例和實(shí)戰(zhàn)項(xiàng)目案例。全書(shū)Vue知識(shí)內(nèi)容豐富,題材多樣。教材共9個(gè)項(xiàng)目,其中前8個(gè)項(xiàng)目為Vue基礎(chǔ)知識(shí)及案例,項(xiàng)目9為實(shí)戰(zhàn)項(xiàng)目綜合案例,強(qiáng)調(diào)理論聯(lián)系實(shí)際與工程觀,注重知識(shí)綜合運(yùn)用。
張居彥,副教授,天津電子信息職業(yè)技術(shù)學(xué)院計(jì)算機(jī)系軟件技術(shù)專業(yè)教研室主任,主要從事軟件技術(shù)、Web前后端技術(shù)、移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)等相關(guān)課程教學(xué)及實(shí)踐教學(xué)。編寫(xiě)過(guò)《網(wǎng)頁(yè)設(shè)計(jì)與制作》《Java程序設(shè)計(jì)基礎(chǔ)與實(shí)踐》《電子商務(wù)網(wǎng)站建設(shè)》等教材,參與國(guó)家、省級(jí)多項(xiàng)課題。
項(xiàng)目 1 環(huán)境安裝 1
1.1 Vue 概述 2
1.2 項(xiàng)目實(shí)施 9
1.3 第一個(gè) Vue 案例 22
項(xiàng)目 2 Vue 指令 25
2.1 v-if、v-else 和 v-show 指令 26
2.2 v-for 指令 30
2.3 v-on 指令 34
2.4 v-model 指令 42
2.5 v-bind 指令 48
2.6 文本插值 50
2.7 v-pre、v-cloak 和 v-once 指令 51
2.8 v-text 和 v-html 指令 57
2.9 使用 Vue 實(shí)現(xiàn)單擊按鈕啟動(dòng)走馬燈效果 59
項(xiàng)目 3 Vue 組件 63
3.1 認(rèn)識(shí)組件 64
3.2 注冊(cè)組件 65
3.3 組件的切換 70
3.4 組件的通信 72
3.5 插 槽 81
項(xiàng)目 4 Vue 全局屬性指令 86
4.1 常用全局 API 87
4.2 常用實(shí)例屬性 93
4.3 渲染指令 111
項(xiàng)目 5 Vue 腳手架 116
5.1 前端工程化 117
5.2 Vue CLI 腳手架工具 119
5.3 插 件 130
5.4 配置文件 132
5.5 環(huán)境變量和模式 135
5.6 靜態(tài)資源管理 137
項(xiàng)目 6 路由插件 141
6.1 前端路由與 vue-router 142
6.2 動(dòng)態(tài)路由 167
6.3 嵌套路由 171
6.4 命名路由 173
6.5 命名視圖 174
6.6 路由導(dǎo)航案例 176
項(xiàng)目 7 Vuex 全局狀態(tài)管理 183
7.1 Vuex 狀態(tài)管理模式 184
7.2 Vuex 對(duì)象 187
7.3 Vuex 的高級(jí)使用 194
項(xiàng)目 8 Vue 動(dòng)畫(huà) 203
8.1 CSS 過(guò)渡 204
8.2 transition 組件使用 206
8.3 CSS animation 208
8.4 關(guān)鍵幀動(dòng)畫(huà) 209
8.5 Vue animation 211
8.6 JavaScript 鉤子 213
項(xiàng)目 9 移動(dòng)商城實(shí)戰(zhàn)項(xiàng)目 217
9.1 項(xiàng)目概述 218
9.2 項(xiàng)目實(shí)施 219
參考文獻(xiàn) 241