Vue.js核心技術解析與uni-app跨平臺實戰開發 ( 簡體 字) |
| 作者：袁龍 | 類別：1. -> 程式設計 -> 網路編程 -> Vue.js |
| 譯者： |
| 出版社：清華大學出版社 |  3dWoo書號： 55520
詢問書籍請說出此書號！【有庫存】
NT售價： 410 元 |
| 出版日：1/1/2022 |
| 頁數：266 |
| 光碟數：0 |
|
站長推薦：   |
| 印刷：黑白印刷 | 語系： ( 簡體 版 ) |
| |
加入購物車  │加到我的最愛
(請先登入會員) |
| ISBN：9787302592969 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
前言：學習一門新的技術之前，我們一般會考慮3個問題：學習的這門技術是什么？為什么要學習這門技術？如何去學習？
針對第1個問題，本書將從“HelloWorld”開始，以案例的形式深入淺出地講解Vue.js和uni-app。
書中Vue.js部分共有12個章節，包括Vue.js基礎入門、Vue.js綁定樣式及案例、Vue.js生命周期函數、Vue.js動畫、Vue.js組件、Vue.js路由、Vue.js高級進階、element-ui/mint-ui組件庫、axios發送HTTP請求、Vuex狀態管理、企業項目實戰、Vue3.X新特性解析等，力求讓零基礎讀者入門Vue.js。
uni-app部分分為2個章節，包括uni-app核心基礎、uni-app企業項目實戰。大家可能會疑惑：為什么uni-app只用2個章節去講解？其主要原因為uni-app是依賴于Vue.js的，如果掌握了Vue.js，相當于掌握了80%的uni-app，本書通過一個企業案例幫助讀者把Vue.js和uni-app相結合，進行學習。
第2個問題：為什么要學習Vue.js和uni-app？
Vue.js作為國內流行的前端框架，具有易用、靈活、高效等特點，可以在工作中提高開發效率；還有一個原因是現在的前端工程師不只需要掌握HTML布局和JavaScript插件開發，他們做得更多的是和后端工程師配合，實現數據的渲染。Vue.js框架恰好可以實現前端需求；最后一個原因是當前國內Vue.js的市場狀況，Vue.js是我國程序員開發的前端框架，掌握Vue.js已經成為國內企業招聘前端工程師的一項重要指標。
uni-app是一個基于Vue.js開發的前端應用框架，只需要編寫一套代碼，就可以發布到Android、iOS以及各種小程序平臺（微信、支付寶、百度等），當前官方文檔推出了10個平臺。也就是說，uni-app的出現幫助我們降低了學習成本，實現了程序的跨平臺應用。
第3個問題：如何學習Vue.js和uni-app？
在學習之前需要讀者先掌握HTML和CSS，并且需要有一定的JavaScript編程基礎。本書附贈微課，可掃描書中二維碼，觀看視頻講解，以幫助大家更加透徹地理解和掌握知識點，實現獨立開發企業項目的課程目標。
袁龍
2022.1 |
內容簡介：《Vue.js核心技術解析與uni-app跨平臺實戰開發》系統地介紹了Vue.js和uni-app的核心基礎理論及企業項目開發，以實例的形式對Vue.js和uni-app進行深入淺出的講解。《Vue.js核心技術解析與uni-app跨平臺實戰開發》共分14章，內容包括Vue.js基礎入門、Vue.js綁定樣式及案例、Vue.js生命周期函數、Vue.js動畫、Vue.js組件、Vue.js路由、Vue.js高級進階、element-ui/mint-ui組件庫、axios發送HTTP請求、Vuex狀態管理、企業項目實戰、Vue3.X新特性解析、uni-app核心基礎、uni-app企業項目實戰等，書中大部分章節提供了實戰項目案例源碼。《Vue.js核心技術解析與uni-app跨平臺實戰開發》中每一個關鍵知識點均配套了同步視頻講解，以帶領讀者把書中的代碼敲一遍，這不僅能使讀者更加透徹地掌握知識點，實現獨立開發企業級項目的目標，還能使讀者及時地了解**技術動態。《Vue.js核心技術解析與uni-app跨平臺實戰開發》的讀者對象為網頁設計與制作人員、網站建設開發人員、相關專業的學生及網站制作愛好者。 |
目錄：第1章Vue.js基礎入門1
1.1什么是Vue.js1
1.1.1當前流行的前端框架1
1.1.2為什么要學習Vue.js2
1.1.3Vue.js核心理念2
1.1.4框架和庫的區別2
1.2MVVM前端視圖層開發理念2
1.3創建Vue實例對象，詳解MVVM3
1.4詳解插值表達式5
1.5Vue基礎指令7
1.5.1v-cloak指令7
1.5.2v-text指令9
1.5.3v-html指令9
1.5.4v-bind指令11
1.5.5v-on指令13
1.6事件修飾符15
1.6.1鼠標按鍵修飾15
1.6.2系統修飾符15
1.6.3事件修飾符16
1.7雙向數據綁定17
1.7.1v-model修飾符18
1.7.2使用v-model實現計算器案例19
1.8v-for指令21
1.8.1遍歷普通數組22
1.8.2遍歷對象數組23
1.8.3遍歷對象24
1.8.4遍歷數字25
1.9學生管理案例25
1.9.1渲染學生列表26
1.9.2新增學生28
1.9.3刪除學生28
1.9.4搜索學生29
第2章Vue.js綁定樣式及案例32
2.1class類名綁定32
2.1.1對象控制綁定樣式32
2.1.2數組控制綁定樣式33
2.2style行內樣式綁定34
2.2.1對象控制綁定行內樣式34
2.2.2數組控制綁定行內樣式35
2.3Vue綁定樣式案例（標題排他）35
2.4控制元素顯示隱藏37
2.4.1v-if和v-show指令37
2.4.2v-if實現選項卡案例39
2.5簡單版購物車實例40
2.5.1購物車實例簡介40
2.5.2靜態頁面布局41
2.5.3渲染購物車列表42
2.5.4修改商品選中狀態43
2.5.5記錄選中商品的總數量和總價格44
2.5.6全選狀態46
2.5.7商品數量增加或減少48
第3章Vue.js生命周期函數50
3.1創建期間生命周期函數50
3.2運行期間生命周期函數55
3.3銷毀期間生命周期函數57
3.4擴展58
第4章Vue.js動畫59
4.1Vue單組動畫59
4.2Vue定義多組動畫61
4.3使用animate動畫庫63
4.4transition-group列表動畫64
第5章Vue.js組件67
5.1創建全局組件67
5.1.1組件創建方式一67
5.1.2組件創建方式二68
5.1.3組件創建方式三68
5.2創建私有組件69
5.2.1組件中的data和methods71
5.2.2組件選項卡切換案例72
5.3動畫組件74
5.4組件傳值75
5.4.1父組件向子組件傳值75
5.4.2父組件向子組件傳遞方法77
5.4.3子組件向父組件傳值79
5.5Vue獲取DOM元素的方法（ref）82
5.5.1ref獲取普通DOM元素82
5.5.2ref獲取組件元素84
第6章Vue.js路由86
6.1什么是路由86
6.1.1安裝路由86
6.1.2使用路由87
6.2路由控制組件切換88
6.3路由重定向以及動畫路由90
6.4路由傳參91
6.4.1傳參方式一91
6.4.2傳參方式二92
6.5嵌套路由93
6.6路由布局95
第7章Vue.js高級進階97
7.1安裝vue-cli97
7.1.1vue-cli創建項目98
7.1.2運行腳手架項目99
7.2vue-cli目錄結構100
7.3vue-cli運行機制101
7.4vue-cli選項卡案例103
7.5過濾器105
7.5.1私有過濾器105
7.5.2全局過濾器107
7.6Vue計算屬性109
7.7watch偵聽屬性111
7.8slot插槽113
7.9鏈式路由跳轉115
7.10路由守衛117
7.10.1全局路由守衛117
7.10.2組件內路由守衛119
7.10.3離開組件時守衛120
第8章element-ui/mint-ui組件庫122
8.1element-ui使用步驟122
8.2mint-ui的使用124
第9章axios發送HTTP請求127
9.1安裝axios127
9.1.1組件中使用axios128
9.1.2配置全局域名129
9.1.3代碼分離129
9.2axios傳遞參數130
9.3axios原理之promise131
9.3.1什么是promise132
9.3.2為什么要用promise132
9.3.3promise基本使用132
9.3.4promise的API133
9.3.5async與await137
第10章Vuex狀態管理142
10.1Vuex基礎應用142
10.2getters的使用144
10.3mutations的使用145
10.4actions的使用148
10.5Vuex代碼分離151
10.6輔助函數152
10.6.1mapState輔助函數152
10.6.2mapGetters輔助函數153
10.6.3mapMutations輔助函數154
10.6.4mapActions輔助函數155
10.7Vuex實例之登錄退出156
10.7.1vue-cli創建項目站點156
10.7.2Vuex修改登錄狀態158
第11章企業項目實戰166
11.1vue-cli創建項目166
11.2首頁開發168
11.2.1布局首頁靜態頁面170
11.2.2使用axios獲取輪播圖176
11.2.3首頁廣告版塊數據渲染178
11.2.4首頁商家推薦版塊數據渲染180
11.2.5首頁其他版塊數據渲染181
11.3網頁底部信息和產品列表頁面開發182
11.3.1產品列表靜態頁面布局184
11.3.2渲染全部產品頁面數據186
11.3.3產品價格排序功能189
11.3.4產品價格范圍篩選功能190
11.4element-ui實現產品分頁192
11.5產品詳情頁面開發194
第12章Vue3.X新特性解析198
12.1Vue3.0新特性199
12.2什么是CompositionAPI201
12.2.1setup函數的特點202
12.2.2定義響應式數據203
12.3reactive函數204
12.4封裝功能模塊，增加代碼復用206
12.5Vue3生命周期207
12.6computed的使用208
12.7watch監聽的使用211
12.8依賴注入212
12.9Refs模板216
12.10readonly()函數的使用218
12.11watchEffect()函數的使用219
12.12響應式系統工具集的使用220
12.12.1unref()220
12.12.2toRef()221
12.12.3isRef()221
12.12.4isProxy()221
12.12.5isReactive()222
12.12.6isReadonly()222
第13章uni-app核心基礎223
13.1uni-app概述223
13.1.1創建uni-app項目224
13.1.2uni-app目錄結構226
13.1.3uni-app運行機制226
13.2常用組件229
13.2.1view組件229
13.2.2text組件230
13.2.3image組件231
13.3常用特效231
13.3.1tabBar導航使用232
13.3.2swiper輪播圖使用232
13.4uni-app屬性綁定和事件綁定233
13.4.1屬性綁定234
13.4.2事件綁定235
13.5v-for渲染數據235
13.6uni-app生命周期236
13.6.1應用生命周期237
13.6.2頁面生命周期237
13.6.3下拉刷新生命周期函數237
13.6.4上拉加載生命周期函數239
13.7uni-app發送HTTP請求240
13.8跨端兼容241
13.8.1控制頁面元素242
13.8.2控制CSS樣式242
13.8.3控制JS243
13.9頁面跳轉243
13.9.1網址跳轉243
13.9.2事件跳轉244
13.9.3傳遞參數245
第14章uni-app企業項目實戰247
14.1魯嗑瓜子首頁開發247
14.1.1布局首頁靜態頁247
14.1.2調用數據接口渲染輪播圖252
14.1.3首頁廣告版塊數據渲染253
14.1.4首頁商家推薦版塊數據渲染254
14.1.5首頁其他版塊數據渲染255
14.2產品列表頁開發257
14.2.1布局產品列表靜態頁面257
14.2.2渲染產品列表數據258
14.2.3價格排序功能260
14.2.4價格范圍篩選功能261
14.3產品詳情頁開發263
14.4App打包265
14.4.1H5發布265
14.4.2App發布266 |
| 序： |
