Vue.js 前端開發實戰 (慕課版)

購買商店

Vue.js 前端開發實戰 (慕課版)

$359.00

馬上購買

內容描述

Vue.js簡介、基礎特性、條件判斷與列表渲染、計算屬性與監聽屬性、樣式綁定、
事件處理、表單控件綁定、自定義指令、組件、過渡、常用插件、單頁Web應用、
狀態管理、綜合開發實例——51購商城、課程設計——仿豆瓣電影評分網

目錄大綱

目錄：
第1章 Vue.js簡介1
1.1 Vue.js概述2
1.1.1 什麼是Vue.js 2
1.1.2 Vue.js的特性2
1.2 Vue.js的安裝2
1.2.1 直接下載並使用標籤引入2
1.2.2 使用CDN方法4
1.2.3 使用NPM方法4
1.3 開發工具WebStorm簡介4
1.4 創建第一個Vue實例10
小結12
上機指導12
習題13
第2章基礎特性14
2.1 Vue實例及選項15
2.1.1 掛載元素15
2.1.2 數據15
2.1.3 方法16
2.1.4 生命週期鉤子函數17
2.2 數據綁定18
2.2.1 插值18
2.2.2 過濾器22
2.2.3 指令26
小結27
上機指導27
習題28
第3章條件判斷與列表渲染29
3.1 條件判斷30
3.1.1 v-if指令30
3.1.2 在元素中使用v-if 30
3.1.3 v-else指令31
3.1.4 v-else-if指令32
3.1.5 v-show指令33
3.1.6 v-if和v-show的比較34
3.2 列表渲染35
3.2.1 應用v-for指令遍歷數組35
3.2.2 在元素中使用v-for 37
3.2.3 數組更新檢測37
3.2.4 應用v-for指令遍歷對象41
3.2.5 向對像中添加屬性43
3.2.6 應用v-for指令遍歷整數45
小結46
上機指導46
習題48
第4章計算屬性與監聽屬性49
4.1 計算屬性50
4.1.1 什麼是計算屬性50
4.1.2 getter和setter 51
4.1.3 計算屬性緩存53
4.2 監聽屬性55
4.2.1 什麼是監聽屬性55
4.2.2 deep選項57
小結58
上機指導58
習題59
第5章樣式綁定60
5.1 class屬性綁定61
5.1.1 對象語法61
5.1.2 數組語法64
5.2 內聯樣式綁定66
5.2.1 對象語法66
5.2.2 數組語法68
小結70
上機指導70
習題71
第6章事件處理72
6.1 事件監聽73
6.1.1 使用v-on指令73
6.1.2 事件處理方法73
6.1.3 使用內聯JavaScript語句76
6.2 事件處理中的修飾符77
6.2.1 事件修飾符77
6.2.2 按鍵修飾符78
小結79
上機指導79
習題81
第7章表單控件綁定82
7.1 綁定文本框83
7.1.1 單行文本框83
7.1.2 多行文本框85
7.2 綁定複選框86
7.2.1 單個複選框86
7.2.2 多個複選框86
7.3 綁定單選按鈕88
7.4 綁定下拉菜單90
7.4.1 單選90
7.4.2 多選91
7.5 值綁定93
7.5.1 單選按鈕94
7.5.2 複選框94
7.5.3 下拉菜單95
7.6 使用修飾符96
7.6.1 lazy 96
7.6.2 number 97
7.6.3 trim 97
小結98
上機指導98
習題100
第8章自定義指令101
8.1 註冊指令102
8.1.1 註冊全局指令102
8.1.2 註冊局部指令102
8.2 鉤子函數103
8.3 自定義指令的綁定值107
8.3.1 綁定數值常量107
8.3.2 綁定字符串常量107
8.3.3 綁定對象字面量108
小結109
上機指導109
習題110
第9章組件111
9.1 註冊組件112
9.1.1 註冊全局組件112
9.1.2 註冊局部組件114
9.2 數據傳遞116
9.2.1 什麼是Prop 116
9.2.2 Prop的大小寫116
9.2.3 傳遞動態Prop 117
9.2.4 Prop驗證120
9.3 自定義事件122
9.3.1 自定義事件的監聽和触發123
9.3.2 將原生事件綁定到組件125
9.4 內容分發126
9.4.1 基礎用法126
9.4.2 編譯作用域127
9.4.3 後備內容128
9.4.4 具名插槽129
9.4.5 作用域插槽131
9.5 混入133
9.5.1 基礎用法133
9.5.2 選項合併134
9.5.3 全局混入137
9.6 動態組件137
9.6.1 基礎用法137
9.6.2 keep-alive 139
小結140
上機指導140
習題143
第10章過渡144
10.1 單元素過渡145
10.1.1 CSS過渡145
10.1.2 過渡的類名介紹146
10.3 CSS動畫147
10.1.4 自定義過渡的類名148
10.1.5 JavaScript鉤子函數150
10.2 多元素過渡153
10.2.1 基礎用法153
10.2.2 key屬性154
10.2.3 過渡模式156
10.3 多組件過渡157
10.4 列表過渡158
小結159
上機指導160
習題162
第11章常用插件163
11.1 應用vue-router實現路由164
11.1.1 引入插件164
11.1.2 基礎用法164
11.1.3 路由動態匹配166
11.1.4 嵌套路由166
11.1.5 命名路由170
11.1.6 應用push()方法定義導航170
11.1.7 命名視圖170
11.1.8 重定向172
11.2 應用axios實現Ajax請求172
11.2.1 引入方式173
11.2.2 GET請求173
11.2.3 POST請求176
小結178
上機指導178
習題183
第12章單頁Web應用184
12.1 webpack簡介185
12.1.1 webpack的安裝185
12.1.2 基礎用法185
12.2 loader簡介187
12.2.1 加載CSS 187
12.2.2 webpack配置文件187
12.2.3 加載圖片文件190
12.3 單文件組件191
12.4 項目目錄結構193
12.4.1 @vue/cli的安裝193
12.4.2 創建項目194
小結200
上機指導200
習題204
第13章狀態管理205
13.1 Vuex簡介206
13.2 基礎用法206
13.2.1 Vuex的核心概念206
13.2.2 簡單例子207
13.3 實例214
小結220
上機指導220
習題224
第14章綜合開發實例—51購商城225
14.1 項目的設計思路226
14.1.1 項目概述226
14.1.2 界面預覽226
14.1.3 功能結構227
14.1.4 文件夾組織結構227
14.2 主頁的設計與實現228
14.2.1 主頁的設計228
14.2.2 頂部區和底部區功能的實現230
14.2.3 商品分類導航功能的實現233
14.2.4 輪播圖功能的實現235
14.2.5 商品推薦功能的實現237
14.3 商品詳情頁面的設計與實現239
14.3.1 商品詳情頁面的設計239
14.3.2 圖片放大鏡效果的實現240
14.3.3 商品概要功能的實現242
14.3.4 猜你喜歡功能的實現244
14.3.5 選項卡切換效果的實現247
14.4 購物車頁面的設計與實現248
14.4.1 購物車頁面的設計248
14.4.2 購物車頁面的實現249
14.5 付款頁面的設計與實現252
14.5.1 付款頁面的設計252
14.5.2 付款頁面的實現253
14.6 登錄和註冊頁面的設計與實現256
14.6.1 登錄和註冊頁面的設計256
14.6.2 登錄頁面的實現257
14.6.3 註冊頁面的實現259
小結263
第15章課程設計—仿豆瓣電影評分網264
15.1 課程設計目的265
15.2 系統設計265
15.2.1 系統功能結構265
15.2.2 文件夾組織結構265
15.2.3 系統預覽266
15.2.4 在項目中使用jQuery 267
15.3 主頁的設計與實現268
15.3.1 主頁的設計268
15.3.2 “正在熱映”版塊的實現269
15.3.3 “*近熱門的電影”版塊的實現273
15.4 電影信息頁面的設計與實現277
15.4.1 “基本信息和評分”版塊的設計277
15.4.2 “劇情簡介”版塊的實現278
15.4.3 “類似電影推薦”版塊的實現279
15.5 電影評價功能的實現280
15.5.1 記錄想看的電影280
15.5.2 評價看過的電影284
15.5.3 刪除記錄286
小結286

作者介紹

明日科技
程序設計類暢銷圖書作者，絕大多數品種在“全國計算機圖書排行榜”同品種排行中名列前茅，累計銷售百萬冊。
作者編寫的《Python從入門到項目實戰》《零基礎學Python》《Python從入門到精通》等長期佔據各網店排行榜的榜首位置。