Vue.js 入門與商城開發實戰

黃菊華著

  • 出版商: 機械工業
  • 出版日期: 2020-09-16
  • 定價: $474
  • 售價: 8.5$403
  • 語言: 簡體中文
  • 頁數: 292
  • 裝訂: 平裝
  • ISBN: 7111664760
  • ISBN-13: 9787111664765
  • 相關分類: Vue.js
  • 立即出貨 (庫存 < 4)

買這商品的人也買了...

商品描述

本書系統化介紹Vue跨平台商城的開發原理和實戰案例,內容全面、案例豐富,可幫助讀者快速掌握跨平台商城的開發。
主要內容分三大部分:基礎、進階、實戰。
基礎知識包括Vue.js入門、Vue.js的數據綁定、表單和雙向數據綁定、語句、樣式綁定、事件處理器、監聽屬性、計算屬性。
進階部分包括Vue.js的組件、自定義指令、路由、過渡和動畫、響應接口、Ajax連接。
實戰包括首頁、分類和產品案例、微信小程序支付、購物車和下單、會員界面、公用功能。
包括移動商城首頁、商城分類、商城購物車、產品分類、產品列表、評論、地址管理、下單、
會員註冊、會員登錄、密碼修改、訂單列表、收藏、信息列表和詳情等功能。

目錄大綱

前言
第壹部分基礎知識
第壹章Vue.js入門2
1.1 Vue.js簡介2
1.2 Vue.js編輯器3
1.2.1 編輯器類型4
1.2.2 使用Notepad建立第壹個Vue.js頁面4
1.2.3 使用Dreamweaver建立第壹個Vue.js頁面7
1.3 Vue.js安裝9
1.3.1 使用CDN 方法9
1.3.2 下載官方Vue.js框架10
1.3.3 NPM 方法10
1.4 Vue.js起步12
1.4.1 Vue中變量的顯示和自定義方法的使用12
1.4.2 data內容的另外一種定義方式14
1.4.3 系統屬性15
1.4.4 入門知識點總結16

第2章數據綁定18
2.1 文本插值18
2.2 v-html指令20
2.3 v-text指令21
2.4 v-once指令21
2.5 v-cloak指令22
2.6 v-bind 指令23
2.7 Vue.jswan全支持表達式25
2.8 Vue.js指令總結27
2.8.1 基礎用法27
2.8.2 指令參數29
2.8.3 指令縮寫30
2.8.4 修飾符31

第3章表單和雙向數據綁定32
3.1 v-model的基礎用法32
3.1.1 在input中使用33
3.1.2 在textarea中使用34
3.1.3 在select中使用36
3.1.4 在checkbox(單選)中使用37
3.1.5 在checkbox(多選)中使用39
3.1.6 在radio(單選)中使用40
3.1.7 在鏈接a中應用41
3.1.8 在圖片中使用42
3.2 Vue.js 過濾器的使用43
3.3 Vue.js 獲取表單要提交的數據45
3.4 v-model指令的修飾符46

第4章條件和循環指令48
4.1 v-if 指令48
4.1.1 使用v-if 指令48
4.1.2 使用v-else 指令50
4.1.3 使用v-else-if 指令51
4.2 v-show 指令52
4.2.1 v-show指令的用法52
4.2.2 v-show指令和v-if 指令的區別54
4.3 v-for指令56
4.3.1 基礎語法56
4.3.2 簡易數組的使用57
4.3.3 在模板中的使用58
4.3.4 對象的迭代顯示59
4.3.5 對象的迭代顯示:提供第2個參數為鍵名61
4.3.6 對象的迭代顯示:提供第三個參數為索引62
4.3.7 循環顯示整數64
4.3.8 九九乘法表65
4.3.9 對屬性進行升序排序66
4.3.10 對像數組的內容顯示68
4.3.11 v-for 循環指令的嵌套69

第5章樣式綁定72
5.1 綁定class屬性72
5.2 綁定多個樣式74
5.3 綁定數據裡的一個對象75
5.4 綁定返回對象的計算屬性77
5.5 綁定一個數組79
5.6 通過三目運算符綁定83
5.7 style內聯樣式85
5.8 style綁定樣式對象86
5.9 style綁定樣式數組87

第6章事件處理器89
6.1 v-on指令89
6.2 v-on指令的方法調用90
6.3 在事件中讀取data裡的數值91
6.4 方法參數的幾種使用方式93
6.5 事件修飾符95
6.6 按鍵修飾符96

第7章監聽和計算屬性97
7.1 watch監聽屬性97
7.1.1 基本用法97
7.1.2 使用watch 實現計數器97
7.1.3 千米與米之間的換算99
7.1.4 簡單的購物車101
7.1.5 全選與取消全選105
7.2 計算屬性108
7.2.1 computed108
7.2.2 methods110
7.2.3 setter111

第2部分技能提升
第8章組件116
8.1 全局組件116
8.2 局部組件118
8.3 props屬性120
8.4 動態props121

第9章自定義指令和響應接口124
9.1 Vue.js 自定義指令124
9.2 鉤子函數126
9.2.1 常用鉤子函數126
9.2.2 鉤子函數的參數126
9.3 Vue.js響應接口128
9.4 Vue.set130
9.5 Vue.delete133

第壹0章路由、動畫和過渡134
10.1 安裝vue-router134
10.2 路由簡單應用134
10.3  相關屬性136
10.4 過渡137
10.5 Vue.js中CSS 動畫的應用140
10.6 自定義過渡的類名141
10.7 鉤子143

第壹1章Vue.js中的插件Axios147
11.1 安裝方法147
11.2 常用方法148
11.2.1 GET 方法148
11.2.2 POST 方法150
11.2.3 執行多個並發請求150
11.2.4 Axios API151
11.2.5 請求方法的別名151
11.2.6 並發151
11.2.7 創建實例152
11.3 實例方法152
11.4 其他內容155

第三部分商城開發案例
第壹2章首頁開發162
12.1 圖片輪播164
12.2 快捷菜單166
12.3 *新資訊167
12.4 *新上架170
12.5 精品推薦172

第壹3章用戶管理175
13.1 用戶註冊175
13.2 用戶登錄179
13.3 會員首頁182
13.4 用戶退出187
13.5 用戶信息修改187
13.6 用戶密碼修改191
13.7 用戶收藏管理194
13.7.1 收藏列表194
13.7.2 收藏刪除197
13.8 用戶地址管理199
13.8.1 地址添加199
13.8.2 地址列表207
13.8.3 地址刪除210
13.8.4 地址修改212

第壹4章實現產品和新聞頁面220
14.1 產品分類220
14.1.1 左側默認分類221
14.1.2 右側默認產品223
14.1.3 左側分類和右側產品聯動225
14.2 產品列表226
14.3 產品簡介228
14.3.1 產品簡介信息228
14.3.2 底部菜單234
14.3.3 收藏236
14.3.4 加購物車237
14.3.5 立即購買238
14.4 產品詳情239
14.5 產品評論241
14.6 信息列表244
14.7 信息詳情247

第壹5章購物和訂單處理250
15.1 購物車250
15.1.1 購物車產品列表252
15.1.2 增加和減少數量接口255
15.1.3 增加數量255
15.1.4 減少數量256
15.1.5 單選計費258
15.1.6 全選、取消全選、計費258
15.1.7 去結算259
15.2 下單260