Vue.js跨平臺(tái)開發(fā)基礎(chǔ)教程

定　價(jià)：￥59.00

作　者：	劉培林，趙偉，申燕萍
出版社：	機(jī)械工業(yè)出版社
叢編項(xiàng)：
標(biāo)　簽：	暫缺

購(gòu)買這本書可以去

ISBN：	9787111717553	出版時(shí)間：	2022-12-01	包裝：
開本：	16開	頁(yè)數(shù)：	214	字?jǐn)?shù)：

內(nèi)容簡(jiǎn)介

　　本書以培養(yǎng)前端工程師為目標(biāo)，基于工作任務(wù)模式進(jìn)行編寫，全面講解了Vue.js開發(fā)的知識(shí)。 \n本書共10個(gè)模塊。模塊1～3介紹Vue框架的基礎(chǔ)知識(shí)，包括開發(fā)環(huán)境、Vue構(gòu)造器基本選項(xiàng)、Vue指令，學(xué)習(xí)Vue的基礎(chǔ)知識(shí)。模塊4介紹Vue過(guò)渡，包括基于CSS過(guò)渡與動(dòng)畫的過(guò)渡，以及Vue與一些主流動(dòng)畫庫(kù)的結(jié)合應(yīng)用，初步了解Vue的通用性與先進(jìn)性。模塊5介紹Vue復(fù)用，為Vue組件與復(fù)雜應(yīng)用開發(fā)奠定基礎(chǔ)。模塊6介紹Vue自定義組件，組件是Vue的核心，自此開始Vue重點(diǎn)與難點(diǎn)知識(shí)的學(xué)習(xí)。模塊7介紹Vue路由，路由是單頁(yè)面應(yīng)用的基石，也是Vue的核心插件，插件在Vue中占有非常重要的地位。模塊8介紹Vue CLI，包括搭建CLI腳手架項(xiàng)目，并對(duì)模塊7中的路由工作任務(wù)進(jìn)行了重構(gòu)，鞏固路由的學(xué)習(xí)，并引入了企業(yè)開發(fā)技術(shù)。模塊9介紹Vuex與Axios，介紹Vue開發(fā)的實(shí)用技術(shù)。模塊10介紹Vue與element-ui的結(jié)合應(yīng)用，拓展Vue的應(yīng)用與介紹，完整實(shí)踐企業(yè)Vue項(xiàng)目開發(fā)，全面訓(xùn)練崗位技能，培養(yǎng)職業(yè)素養(yǎng)。 \n本書可作為應(yīng)用型本科與高職高專院校Vue前端開發(fā)技術(shù)或跨平臺(tái)開發(fā)課程的教材；也可作為前端開發(fā)技術(shù)人員的技術(shù)參考資料、培訓(xùn)用書或自學(xué)參考書。

作者簡(jiǎn)介

　　劉培林，無(wú)錫職業(yè)技術(shù)學(xué)院軟件技術(shù)專業(yè)帶頭人，骨干教師。有12年的企業(yè)軟件項(xiàng)目開發(fā)經(jīng)驗(yàn)，主持和參與過(guò)多項(xiàng)重大軟件技術(shù)項(xiàng)目研發(fā)，包括“蛟龍?zhí)枴陛d人潛水器操縱模擬系統(tǒng)教控軟件子系統(tǒng)的研發(fā)，有13年的軟件技術(shù)專業(yè)教學(xué)經(jīng)驗(yàn)，多次主持軟件技術(shù)專業(yè)人才培養(yǎng)方案制定。在國(guó)內(nèi)外公開出版的學(xué)術(shù)刊物、國(guó)際學(xué)術(shù)會(huì)議上發(fā)表論文20多篇，主編《C#可視化程序設(shè)計(jì)案例教程》教材2013年被評(píng)為江蘇省十二五重點(diǎn)教材。

圖書目錄

前言 \n
模塊1 Vue概述1 \n
任務(wù)1.1 了解Vue基礎(chǔ)知識(shí)1 \n
1.1.1 前端開發(fā)概述1 \n
1.1.2 Vue創(chuàng)始人介紹2 \n
1.1.3 什么是Vue2 \n
1.1.4 Vue的優(yōu)勢(shì)3 \n
任務(wù)1.2 熟悉Vue項(xiàng)目開發(fā)環(huán)境5 \n
1.2.1 編輯器概述5 \n
1.2.2 安裝HBuilderX編輯器6 \n
1.2.3 創(chuàng)建與調(diào)試Vue項(xiàng)目6 \n
模塊小結(jié)8 \n
習(xí)題19 \n
實(shí)訓(xùn)19 \n
模塊2 Vue實(shí)例10 \n
任務(wù)2.1 顯示詩(shī)詞10 \n
2.1.1 創(chuàng)建Vue實(shí)例10 \n
2.1.2 根元素選項(xiàng)（el）11 \n
2.1.3 數(shù)據(jù)選項(xiàng)（data）12 \n
任務(wù)2.2 設(shè)計(jì)數(shù)據(jù)編碼器16 \n
2.2.1 過(guò)濾選項(xiàng)（filters）17 \n
2.2.2 方法選項(xiàng)（methods）18 \n
任務(wù)2.3 編寫模擬購(gòu)物車21 \n
2.3.1 計(jì)算選項(xiàng)（computed）21 \n
2.3.2 狀態(tài)監(jiān)聽選項(xiàng)（watch）23 \n
2.3.3 computed與watch選項(xiàng)的應(yīng)用場(chǎng)景24 \n
任務(wù)2.4 學(xué)習(xí)Vue生命周期27 \n
2.4.1 生命周期概述27 \n
2.4.2 生命周期事件27 \n
2.4.3 Vue實(shí)例方法與屬性29 \n
模塊小結(jié)33 \n
習(xí)題233 \n
實(shí)訓(xùn)234 \n
模塊3 Vue指令35 \n
任務(wù)3.1 開發(fā)用戶注冊(cè)程序35 \n
3.1.1 v-text指令35 \n
3.1.2 v-html指令36 \n
3.1.3 v-model指令37 \n
3.1.4 v-if、v-else和v-show指令41 \n
任務(wù)3.2 開發(fā)用戶登錄程序44 \n
3.2.1 v-bind指令44 \n
3.2.2 過(guò)濾v-bind指令綁定的屬性46 \n
3.2.3 綁定class與style屬性46 \n
任務(wù)3.3 設(shè)計(jì)電子商務(wù)購(gòu)物車51 \n
3.3.1 v-for指令51 \n
3.3.2 v-on指令55 \n
3.3.3 v-on指令修飾符56 \n
模塊小結(jié)60 \n
習(xí)題360 \n
實(shí)訓(xùn)361 \n
模塊4 Vue過(guò)渡62 \n
任務(wù)4.1 學(xué)習(xí)過(guò)渡組件62 \n
4.1.1 組件定義62 \n
4.1.2 類名前綴屬性66 \n
4.1.3 自定義類名屬性68 \n
4.1.4 鉤子函數(shù)70 \n
4.1.5 初始動(dòng)畫屬性72 \n
任務(wù)4.2 掌握多元素過(guò)渡方法72 \n
4.2.1 多元素過(guò)渡72 \n
4.2.2 過(guò)渡模式75 \n
任務(wù)4.3 掌握列表與狀態(tài)過(guò)渡方法76 \n
4.3.1 組件定義76 \n
4.3.2 排序過(guò)渡屬性（move）77 \n
4.3.3 交錯(cuò)過(guò)渡79 \n
4.3.4 狀態(tài)過(guò)渡80 \n
模塊小結(jié)82 \n
習(xí)題482 \n
實(shí)訓(xùn)483 \n
模塊5 Vue復(fù)用84 \n
任務(wù)5.1 設(shè)計(jì)管理用戶權(quán)限指令84 \n
5.1.1 自定義指令84 \n
5.1.2 響應(yīng)式屬性（set）86 \n
任務(wù)5.2 設(shè)計(jì)維護(hù)用戶信息程序88 \n
5.2.1 繼承（extend）89 \n
5.2.2 混入（mixin）93 \n
任務(wù)5.3 掌握插件用法98 \n
5.3.1 插件概述98 \n
5.3.2 安裝插件98 \n
5.3.3 開發(fā)插件98 \n
模塊小結(jié)100 \n
習(xí)題5100 \n
實(shí)訓(xùn)5101 \n
模塊6 Vue自定義組件102 \n
任務(wù)6.1 設(shè)計(jì)計(jì)分器組件102 \n
6.1.1 組件定義與注冊(cè)103 \n
6.1.2 組件模板106 \n
6.1.3 選項(xiàng)作用域106 \n
6.1.4 組件的生命周期107 \n
任務(wù)6.2 編寫搜索框組件108 \n
6.2.1 props選項(xiàng)109 \n
6.2.2 插槽111 \n
6.2.3 箭頭函數(shù)113 \n
任務(wù)6.3 開發(fā)管理用戶賬戶組件115 \n
6.3.1 $emit()方法116 \n
6.3.2 動(dòng)態(tài)組件118 \n
6.3.3 動(dòng)態(tài)組件過(guò)渡119 \n
模塊小結(jié)122 \n
習(xí)題6123 \n
實(shí)訓(xùn)6123 \n
模塊7 Vue路由124 \n
任務(wù)7.1 設(shè)計(jì)頁(yè)面路由124 \n
7.1.1 單頁(yè)面應(yīng)用124 \n
7.1.2 路由視圖125 \n
7.1.3 路由構(gòu)造器125 \n
7.1.4 路由導(dǎo)航128 \n
7.1.5 路由過(guò)渡131 \n
任務(wù)7.2 給路由傳遞參數(shù)134 \n
7.2.1 路由實(shí)例134 \n
7.2.2 路由管理器對(duì)象134 \n
7.2.3 query方式的參數(shù)傳遞136 \n
7.2.4 params方式的參數(shù)傳遞138 \n
7.2.5 路由的模式139 \n
任務(wù)7.3 設(shè)計(jì)嵌套路由140 \n
7.3.1 嵌套路由父級(jí)設(shè)計(jì)140 \n
7.3.2 嵌套路由子級(jí)設(shè)計(jì)143 \n
模塊小結(jié)144 \n
習(xí)題7145 \n
實(shí)訓(xùn)7145 \n
模塊8 Vue CLI146 \n
任務(wù)8.1 了解CLI基礎(chǔ)知識(shí)146 \n
8.1.1 Vue CLI的特點(diǎn)146 \n
8.1.2 CLI安裝必備146 \n
8.1.3 Git-Bash命令行工具147 \n
任務(wù)8.2 創(chuàng)建CLI項(xiàng)目148 \n
8.2.1 命令行創(chuàng)建與運(yùn)行CLI項(xiàng)目148 \n
8.2.2 在HBuilderX環(huán)境下創(chuàng)建與運(yùn)行CLI項(xiàng)目150 \n
任務(wù)8.3 實(shí)戰(zhàn)CLI項(xiàng)目152 \n
8.3.1 單文件組件153 \n
8.3.2 導(dǎo)入與導(dǎo)出語(yǔ)句154 \n
8.3.3 CLI項(xiàng)目結(jié)構(gòu)分析155 \n
任務(wù)8.4 開發(fā)用戶管理CLI項(xiàng)目158 \n
8.4.1 CLI插件158 \n
8.4.2 安裝插件158 \n
模塊小結(jié)161 \n
習(xí)題8161 \n
實(shí)訓(xùn)8162 \n
模塊9 Vuex與Axios163 \n
任務(wù)9.1 了解Vuex基礎(chǔ)知識(shí)163 \n
9.1.1 Vuex概述163 \n
9.1.2 Store構(gòu)造器164 \n
任務(wù)9.2 學(xué)習(xí)Store構(gòu)造器的選項(xiàng)164 \n
9.2.1 狀態(tài)管理164 \n
9.2.2 Getter166 \n
9.2.3 Mutation167 \n
9.2.4 Action168 \n
任務(wù)9.3 使用模塊定義Vuex170 \n
9.3.1 modules選項(xiàng)170 \n
9.3.2 動(dòng)態(tài)注冊(cè)模塊171 \n
任務(wù)9.4 掌握Axios的用法172 \n
9.4.1 Axios概述172 \n
9.4.2 參數(shù)傳遞173 \n
任務(wù)9.5 開發(fā)天氣預(yù)報(bào)CLI項(xiàng)目174 \n
9.5.1 項(xiàng)目創(chuàng)建175 \n
9.5.2 項(xiàng)目實(shí)施176 \n
9.5.3 項(xiàng)目測(cè)試與運(yùn)行179 \n
模塊小結(jié)179 \n
習(xí)題9179 \n
實(shí)訓(xùn)9180 \n
模塊10 電子商務(wù)系統(tǒng)181 \n
任務(wù)10.1 掌握element-ui的用法181 \n
10.1.1 element-ui概述181 \n
10.1.2 使用element-ui182 \n
任務(wù)10.2 分析電子商務(wù)系統(tǒng)182 \n
10.2.1 項(xiàng)目概述182 \n
10.2.2 項(xiàng)目分析183 \n
10.2.3 項(xiàng)目創(chuàng)建184 \n
10.2.4 創(chuàng)建準(zhǔn)備185 \n
任務(wù)10.3 設(shè)計(jì)系統(tǒng)首頁(yè)185 \n
10.3.1 設(shè)計(jì)導(dǎo)航信息欄185 \n
10.3.2 設(shè)計(jì)標(biāo)題搜索欄187 \n
10.3.3 設(shè)計(jì)商品展示欄188 \n
任務(wù)10.4 設(shè)計(jì)“我的購(gòu)物車”頁(yè)面192 \n
10.4.1 設(shè)計(jì)商品信息欄192 \n
10.4.2 設(shè)計(jì)購(gòu)物結(jié)算欄194 \n
任務(wù)10.5 設(shè)計(jì)商家后臺(tái)管理模塊196 \n
10.5.1 菜單設(shè)計(jì)196 \n
10.5.2 首頁(yè)設(shè)計(jì)199 \n
任務(wù)10.6 設(shè)計(jì)商品管理模塊199 \n
1