Vue.js 從入門到項目實踐(超值版)

Vue.js 從入門到項目實踐(超值版)

《 Vue.js 從入門到項目實踐(超值版)》是2021年清華大學出版社出版的圖書,作者是聚慕課教育研發中心。

基本介紹

  • 中文名:Vue.js 從入門到項目實踐(超值版)
  • 作者:聚慕課教育研發中心
  • 出版時間:2021年3月1日
  • 出版社清華大學出版社
  • ISBN:9787302562429
  • 定價:79.80 元
內容簡介,目錄,

內容簡介

《Vue.js從入門到項目實踐:超值版》採用“基礎知識→核心套用→核心技術→項目實踐”結構和“由淺入深,由深到精”的學習模式進行講解。全書分為4篇,共18章,首先講解了Vue基本簡介、創建Vue簡單實例、Vue的指令、基本特性、Vue的數據及事件綁定、Vue的過濾器和Vue的過渡動畫等知識內容,還深入地講解Vue的組件、Vue常用外掛程式、Vue實例方法、Render函式及常見問題解析等核心編程技術,詳細探討了狀態管理Vuex及Vue工程實例等知識內容。在實踐環節不僅介紹了框架Vue的訂餐管理系統、網上圖書銷售系統,還介紹了仿寫網易雲音樂系統,全面展現了項目開發實踐的全過程。《Vue.js從入門到項目實踐:超值版》旨在從多角度,全方位幫助讀者快速掌握Vue語言開發技能,構建從高校到社會的就職橋樑,讓有志於從事軟體開發工作的讀者輕鬆步入職場。《Vue.js從入門到項目實踐:超值版》贈送資源比較豐富,我們在《Vue.js從入門到項目實踐:超值版》前言部分對資源包的具體內容、獲取方式及使用方法等做了詳細說明。《Vue.js從入門到項目實踐:超值版》適合希望學習框架語言編程的初、中級程式設計師和希望精通編程的程式設計師閱讀,還可作為正在進行軟體專業畢業設計的學生以及大專院校和培訓機構的參考用書。

目錄

第1篇 基礎知識篇
第1章 Vue.js基本簡介 002
◎ 本章教學微視頻
1.1 前端框架的發展歷程 002
1.1.1 前端靜態頁面走向動態頁面的轉變 002
1.1.2 程式後端走向前端的轉變 003
1.2 Vue.js介紹 003
1.2.1 Vue.js是什麼 004
1.2.2 Vue.js發展歷程 004
1.3 Vue.js中的開發模式 004
1.3.1 MVC模式介紹 004
1.3.2 MVP模式介紹 005
1.3.3 MVVM模式介紹 006
1.4 Vue.js與其他框架比較 007
1.4.1 Vue.js與Angular的比較 007
1.4.2 Vue.js與React的比較 011
1.5 Vue.js的兼容性 012
1.6 就業面試技巧與解析 015
1.6.1 面試技巧與解析(一) 015
1.6.2 面試技巧與解析(二) 015
第2章 創建Vue.js簡單實例 017
◎ 本章教學微視頻
2.1 安裝Vue Devtools 017
2.2 下載、安裝編輯器HBuilder X及引入Vue.js檔案 019
2.2.1 安裝編輯器HBuilder X 019
2.2.2 下載Vue.js檔案 020
2.2.3 在項目中引入Vue.js檔案 020
2.3 創建一個 Vue 實例 021
2.4 實例的生命周期 023
2.5 就業面試技巧與解析 029
2.5.1 面試技巧與解析(一) 029
2.5.2 面試技巧與解析(二) 029
第3章 Vue.js指令 030
◎ 本章教學微視頻
3.1 內置指令 030
3.1.1 指令 030
3.1.2 條件指令 039
3.2 自定義指令 042
3.2.1 指令的註冊 042
3.2.2 鉤子函式 043
3.2.3 鉤子函式參數 044
3.2.4 函式簡寫 044
3.2.5 對象字面量 045
3.3 指令的高級選項 046
3.3.1 deep 046
3.3.2 params 046
3.3.3 twoWay 047
3.3.4 priority 047
3.3.5 terminal 047
3.3.6 acceptStatement 048
3.4 就業面試技巧與解析 049
3.4.1 面試技巧與解析(一) 049
3.4.2 面試技巧與解析(二) 049
第4章 Vue.js基本特性 050
◎ 本章教學微視頻
4.1 實例及選項 050
4.1.1 數據 050
4.1.2 方法 052
4.1.3 模板 054
4.1.4 watch函式 056
4.2 模板渲染 057
4.2.1 條件渲染 058
4.2.2 列表渲染 060
4.2.3 前後端渲染對比 063
4.3 extend的用法 064
4.4 就業面試技巧與解析 066
4.4.1 面試技巧與解析(一) 066
4.4.2 面試技巧與解析(二) 067
第5章 Vue數據及事件綁定 068
◎ 本章教學微視頻
5.1 數據綁定 068
5.1.1 數據綁定的方法 068
5.1.2 計算屬性 072
5.1.3 計算屬性快取 073
5.1.4 表單控制項綁定 074
5.1.5 值綁定 078
5.2 事件綁定與監聽 079
5.2.1 方法及內聯處理器 079
5.2.2 修飾符 081
5.2.3 與傳統事件綁定的區別 083
5.3 class與style的綁定 084
5.3.1 綁定<html>中class的方式 084
5.3.2 綁定內聯樣式 088
5.4 就業面試技巧與解析 090
5.4.1 面試技巧與解析(一) 090
5.4.2 面試技巧與解析(二) 090
第6章 Vue.js過濾器 091
◎ 本章教學微視頻
6.1 過濾器的基本使用 091
6.1.1 全局過濾器 091
6.1.2 局部過濾器 092
6.1.3 JSON 095
6.1.4 currency 097
6.2 雙向過濾器 099
6.3 自定義過濾器 100
6.4 就業面試技巧與解析 103
6.4.1 面試技巧與解析(一) 103
6.4.2 面試技巧與解析(二) 103
第7章 Vue.js過渡 104
◎ 本章教學微視頻
7.1 CSS過渡 104
7.1.1 CSS 過渡的用法 104
7.1.2 CSS過渡鉤子函式 106
7.1.3 自定義過渡類名 108
7.2 JavaScript過渡 108
7.2.1 JavaScript鉤子函式過渡 108
7.2.2 JavaScript過渡的使用 109
7.3 多個元素的過渡 111
7.4 多個組件的過渡 112
7.5 transition-group介紹 113
7.6 就業面試技巧與解析 113
7.6.1 面試技巧與解析(一) 114
7.6.2 面試技巧與解析(二) 114
第8章 Vue.js動畫 115
◎ 本章教學微視頻
8.1 CSS動畫 115
8.1.1 CSS動畫原理 115
8.1.2 同時使用過渡和動畫 117
8.1.3 顯性的過渡持續時間 119
8.2 第三方動畫庫 119
8.2.1 使用CCS 3動畫庫@keyframes 119
8.2.2 使用CCS 3動畫庫Animate.css 121
8.2.3 使用JavaScript動畫庫Velocity.js 122
8.3 動畫鉤子 123
8.4 動畫封裝 126
8.5 就業面試技巧與解析 128
8.5.1 面試技巧與解析(一) 128
8.5.2 面試技巧與解析(二) 128
第2篇 核心套用篇
第9章 Vue.js組件 130
◎ 本章教學微視頻
9.1 組件基本內容 130
9.1.1 組件是什麼 130
9.1.2 組件用法 131
9.1.3 組件註冊 134
9.1.4 組件嵌套 136
9.1.5 組件切換 137
9.1.6 組件中的data和methods 138
9.2 組件通信 139
9.2.1 props/$emit 140
9.2.2 $emit和$on 142
9.2.3 $attrs和$listeners 144
9.2.4 provide和inject 147
9.2.5 $parent/$children與ref 149
9.3 自定義事件監聽 150
9.4 Vuex介紹 153
9.4.1 Vuex的原理 153
9.4.2 Vuex各個模組在流程中的功能 153
9.4.3 Vuex與localStorage 153
9.5 動態組件 154
9.5.1 基本用法 154
9.5.2 切換鉤子函式 156
9.5.3 keep-alive 158
9.6 slot 159
9.7 就業面試技巧與解析 160
9.7.1 面試技巧與解析(一) 160
9.7.2 面試技巧與解析(二) 161
第10章 Vue.js常用外掛程式 162
◎ 本章教學微視頻
10.1 前端路由與Vue-router路由 162
10.1.1 什麼是前端路由 163
10.1.2 Vue-router路由的高級用法 163
10.2 狀態管理與Vuex 164
10.2.1 狀態管理與使用場景 164
10.2.2 安裝並使用Vuex 164
10.2.3 設定與讀取數據 165
10.2.4 更新數據 165
10.3 Vue-resource外掛程式 167
10.3.1 引用方式 167
10.3.2 使用方式 167
10.3.3 攔截器的使用 167
10.3.4 封裝service層 168
10.3.5 Vue-resource優點 169
10.4 Vue-router 外掛程式 169
10.4.1 引用方式 169
10.4.2 基本用法 172
10.4.3 Vue-router跳轉頁面的方式 174
10.4.4 router鉤子函式 175
10.5 就業面試技巧與解析 177
10.5.1 面試技巧與解析(一) 177
10.5.2 面試技巧與解析(二) 178
第11章 Vue.js實例方法 179
◎ 本章教學微視頻
11.1 虛擬DOM簡介 179
11.1.1 虛擬DOM是什麼 179
11.1.2 為什麼要使用虛擬DOM 180
11.2 實例屬性 182
11.2.1 組件樹的訪問 182
11.2.2 虛擬DOM的訪問 182
11.2.3 數據訪問 183
11.3 實例方法 183
11.3.1 實例DOM方法的使用 183
11.3.2 實例event方法的使用 183
11.3.3 vm.$watch()的使用 185
11.3.4 vm.$nextTick()的使用 185
11.4 就業面試技巧與解析 186
11.4.1 面試技巧與解析(一) 186
11.4.2 面試技巧與解析(二) 187
第12章 Render函式 188
◎ 本章教學微視頻
12.1 Render簡介 188
12.1.1 Render函式是什麼 188
12.1.2 Render函式怎么用 189
12.1.3 在什麼情況下使用Render函式 190
12.1.4 深入data對象 190
12.2 createElement簡介 191
12.2.1 基本參數 191
12.2.2 使用JavaScript代替模板功能 193
12.2.3 約束 194
12.3 函式化組件 195
12.4 JSX 195
12.5 就業面試技巧與解析 196
12.5.1 面試技巧與解析(一) 196
12.5.2 面試技巧與解析(二) 196
第13章 常見問題解析 197
◎ 本章教學微視頻
13.1 環境及安裝問題解析 197
13.2 運行代碼出現報錯解析 197
13.3 你問我答解析 199
13.4 就業面試技巧與解析 201
13.4.1 面試技巧與解析(一) 201
13.4.2 面試技巧與解析(二) 202
第3篇 核心技術篇
第14章 狀態管理Vuex 204
◎ 本章教學微視頻
14.1 概述 204
14.1.1 Vuex介紹 204
14.1.2 狀態管理與Vuex 205
14.1.3 Vuex適用場景 206
14.1.4 Vuex的用法 206
14.2 Vuex的五大屬性 207
14.2.1 state 207
14.2.2 getters 207
14.2.3 mutations 208
14.2.4 actions 208
14.2.5 modules 209
14.3 中間件 210
14.3.1 state快照 210
14.3.2 logger 210
14.4 嚴格模式 211
14.5 表單處理 212
14.6 就業面試技巧與解析 212
14.6.1 面試技巧與解析(一) 213
14.6.2 面試技巧與解析(二) 213
第15章 Vue工程實例 214
◎ 本章教學微視頻
15.1 準備工作 214
15.1.1 webpack 214
15.1.2 vue-loader 216
15.2 項目目錄結構 218
15.3 部署上線 219
15.3.1 生成上線檔案 219
15.3.2 nginx 220
15.3.3 jenkins 220
15.3.4 gitlab 221
15.4 就業面試技巧與解析 222
15.4.1 面試技巧與解析(一) 222
15.4.2 面試技巧與解析(二) 222
第4篇 項目實踐篇
第16章 訂餐管理系統 224
◎ 本章教學微視頻
16.1 開發背景 224
16.2 系統功能設計 224
16.3 系統開發必備 225
16.3.1 系統開發環境要求 225
16.3.2 軟體框架 225
16.3.3 框架整合配置 226
16.4 系統功能模組設計與實現 229
16.4.1 首頁模組 229
16.4.2 商家介紹模組 232
16.4.3 系統商品模組 233
16.4.4 商品分類模組 236
16.4.5 商家評論模組 237
16.4.6 加入購物車模組 239
16.4.7 商家星級模組 241
16.5 本章總結 242
第17章 網上圖書銷售系統 243
◎ 本章教學微視頻
17.1 開發背景 243
17.2 系統功能設計 244
17.3 系統開發必備 244
17.3.1 系統開發環境要求 244
17.3.2 框架整合配置 244
17.3.3 程式運行 245
17.4 系統功能模組設計與實現 246
17.4.1 首頁模組 246
17.4.2 首頁信息介紹模組 249
17.4.3 用戶登錄模組 251
17.4.4 圖書模組 252
17.4.5 購買模組 258
17.4.6 支付模組 259
17.5 本章總結 261
第18章 仿網易雲音樂系統 262
◎ 本章教學微視頻
18.1 開發背景 262
18.2 產品定位 263
18.2.1 需求分析 263
18.2.2 用戶分析 263
18.3 行業分析 264
18.4 用戶需求 264
18.5 項目整體結構 265
18.6 系統功能模組設計與實現 265
18.6.1 頭部頁面 266
18.6.2 導航欄頁面 266
18.6.3 推薦頁面 267
18.6.4 搜尋功能 272
18.6.5 歌單頁面 277
18.6.6 歌手頁面 279
18.6.7 播放器 281
18.7 本章總結 292

相關詞條

熱門詞條

聯絡我們