Vue.js跨平臺開發(fā)基礎教程 9787111717553 劉培林 立體化教材
定 價：59 元
叢書名：高等職業(yè)教育系列教材
當前圖書已被 1 所學校薦購過！
查看明細
- 作者：劉培林 趙偉 申燕萍 主編
- 出版時間：2022/12/1
- ISBN：9787111717553
- 出 版 社：機械工業(yè)出版社
- 中圖法分類：TP393.092.2
- 頁碼：214
- 紙張：
- 版次：
- 開本：16
本書以培養(yǎng)前端工程師為目標，基于工作任務模式進行編寫，全面講解了Vue.js開發(fā)的知識。
本書共10個模塊。模塊1～3介紹Vue框架的基礎知識，包括開發(fā)環(huán)境、Vue構造器基本選項、Vue指令，學習Vue的基礎知識。模塊4介紹Vue過渡，包括基于CSS過渡與動畫的過渡，以及Vue與一些主流動畫庫的結合應用，初步了解Vue的通用性與先進性。模塊5介紹Vue復用，為Vue組件與復雜應用開發(fā)奠定基礎。模塊6介紹Vue自定義組件，組件是Vue的核心，自此開始Vue重點與難點知識的學習。模塊7介紹Vue路由，路由是單頁面應用的基石，也是Vue的核心插件，插件在Vue中占有非常重要的地位。模塊8介紹Vue CLI，包括搭建CLI腳手架項目，并對模塊7中的路由工作任務進行了重構，鞏固路由的學習，并引入了企業(yè)開發(fā)技術。模塊9介紹Vuex與Axios，介紹Vue開發(fā)的實用技術。模塊10介紹Vue與element-ui的結合應用，拓展Vue的應用與介紹，完整實踐企業(yè)Vue項目開發(fā)，全面訓練崗位技能，培養(yǎng)職業(yè)素養(yǎng)。
本書可作為應用型本科與高職高專院校Vue前端開發(fā)技術或跨平臺開發(fā)課程的教材；也可作為前端開發(fā)技術人員的技術參考資料、培訓用書或自學參考書。
前言
模塊1 Vue概述1
任務1.1 了解Vue基礎知識1
1.1.1 前端開發(fā)概述1
1.1.2 Vue創(chuàng)始人介紹2
1.1.3 什么是Vue2
1.1.4 Vue的優(yōu)勢3
任務1.2 熟悉Vue項目開發(fā)環(huán)境5
1.2.1 編輯器概述5
1.2.2 安裝HBuilderX編輯器6
1.2.3 創(chuàng)建與調試Vue項目6
模塊小結8
習題19
實訓19
模塊2 Vue實例10
任務2.1 顯示詩詞10
2.1.1 創(chuàng)建Vue實例10
2.1.2 根元素選項（el）11
2.1.3 數(shù)據(jù)選項（data）12
任務2.2 設計數(shù)據(jù)編碼器16
2.2.1 過濾選項（filters）17
2.2.2 方法選項（methods）18
任務2.3 編寫模擬購物車21
2.3.1 計算選項（computed）21
2.3.2 狀態(tài)監(jiān)聽選項（watch）23
2.3.3 computed與watch選項的應用場景24
任務2.4 學習Vue生命周期27
2.4.1 生命周期概述27
2.4.2 生命周期事件27
2.4.3 Vue實例方法與屬性29
模塊小結33
習題233
實訓234
模塊3 Vue指令35
任務3.1 開發(fā)用戶注冊程序35
3.1.1 v-text指令35
3.1.2 v-html指令36
3.1.3 v-model指令37
3.1.4 v-if、v-else和v-show指令41
任務3.2 開發(fā)用戶登錄程序44
3.2.1 v-bind指令44
3.2.2 過濾v-bind指令綁定的屬性46
3.2.3 綁定class與style屬性46
任務3.3 設計電子商務購物車51
3.3.1 v-for指令51
3.3.2 v-on指令55
3.3.3 v-on指令修飾符56
模塊小結60
習題360
實訓361
模塊4 Vue過渡62
任務4.1 學習過渡組件62
4.1.1 組件定義62
4.1.2 類名前綴屬性66
4.1.3 自定義類名屬性68
4.1.4 鉤子函數(shù)70
4.1.5 初始動畫屬性72
任務4.2 掌握多元素過渡方法72
4.2.1 多元素過渡72
4.2.2 過渡模式75
任務4.3 掌握列表與狀態(tài)過渡方法76
4.3.1 組件定義76
4.3.2 排序過渡屬性（move）77
4.3.3 交錯過渡79
4.3.4 狀態(tài)過渡80
模塊小結82
習題482
實訓483
模塊5 Vue復用84
任務5.1 設計管理用戶權限指令84
5.1.1 自定義指令84
5.1.2 響應式屬性（set）86
任務5.2 設計維護用戶信息程序88
5.2.1 繼承（extend）89
5.2.2 混入（mixin）93
任務5.3 掌握插件用法98
5.3.1 插件概述98
5.3.2 安裝插件98
5.3.3 開發(fā)插件98
模塊小結100
習題5100
實訓5101
模塊6 Vue自定義組件102
任務6.1 設計計分器組件102
6.1.1 組件定義與注冊103
6.1.2 組件模板106
6.1.3 選項作用域106
6.1.4 組件的生命周期107
任務6.2 編寫搜索框組件108
6.2.1 props選項109
6.2.2 插槽111
6.2.3 箭頭函數(shù)113
任務6.3 開發(fā)管理用戶賬戶組件115
6.3.1 $emit()方法116
6.3.2 動態(tài)組件118
6.3.3 動態(tài)組件過渡119
模塊小結122
習題6123
實訓6123
模塊7 Vue路由124
任務7.1 設計頁面路由124
7.1.1 單頁面應用124
7.1.2 路由視圖125
7.1.3 路由構造器125
7.1.4 路由導航128
7.1.5 路由過渡131
任務7.2 給路由傳遞參數(shù)134
7.2.1 路由實例134
7.2.2 路由管理器對象134
7.2.3 query方式的參數(shù)傳遞136
7.2.4 params方式的參數(shù)傳遞138
7.2.5 路由的模式139
任務7.3 設計嵌套路由140
7.3.1 嵌套路由父級設計140
7.3.2 嵌套路由子級設計143
模塊小結144
習題7145
實訓7145
模塊8 Vue CLI146
任務8.1 了解CLI基礎知識146
8.1.1 Vue CLI的特點146
8.1.2 CLI安裝必備146
8.1.3 Git-Bash命令行工具147
任務8.2 創(chuàng)建CLI項目148
8.2.1 命令行創(chuàng)建與運行CLI項目148
8.2.2 在HBuilderX環(huán)境下創(chuàng)建與運行CLI項目150
任務8.3 實戰(zhàn)CLI項目152
8.3.1 單文件組件153
8.3.2 導入與導出語句154
8.3.3 CLI項目結構分析155
任務8.4 開發(fā)用戶管理CLI項目158
8.4.1 CLI插件158
8.4.2 安裝插件158
模塊小結161
習題8161
實訓8162
模塊9 Vuex與Axios163
任務9.1 了解Vuex基礎知識163
9.1.1 Vuex概述163
9.1.2 Store構造器164
任務9.2 學習Store構造器的選項164
9.2.1 狀態(tài)管理164
9.2.2 Getter166
9.2.3 Mutation167
9.2.4 Action168
任務9.3 使用模塊定義Vuex170
9.3.1 modules選項170
9.3.2 動態(tài)注冊模塊171
任務9.4 掌握Axios的用法172
9.4.1 Axios概述172
9.4.2 參數(shù)傳遞173
任務9.5 開發(fā)天氣預報CLI項目174
9.5.1 項目創(chuàng)建175
9.5.2 項目實施176
9.5.3 項目測試與運行179
模塊小結179
習題9179
實訓9180
模塊10 電子商務系統(tǒng)181
任務10.1 掌握element-ui的用法181
10.1.1 element-ui概述181
10.1.2 使用element-ui182
任務10.2 分析電子商務系統(tǒng)182
10.2.1 項目概述182
10.2.2 項目分析183
10.2.3 項目創(chuàng)建184
10.2.4 創(chuàng)建準備185
任務10.3 設計系統(tǒng)首頁185
10.3.1 設計導航信息欄185
10.3.2 設計標題搜索欄187
10.3.3 設計商品展示欄188
任務10.4 設計“我的購物車”頁面192
10.4.1 設計商品信息欄192
10.4.2 設計購物結算欄194
任務10.5 設計商家后臺管理模塊196
10.5.1 菜單設計196
10.5.2 首頁設計199
任務10.6 設計商品管理模塊199
10.6.1 商品列表設計201
10.6.2 商品維護205
任務10.7 項目測試與總結209
10.7.1 項目測試與運行209
10.7.2 項目總結209
模塊小結210
習題10210
實訓10210
附錄 211
附錄A CSS過渡211
附錄B CSS動畫212
參考文獻 214
書單推薦
