Vue.js快跑:構建觸手可及的高性能Web套用

書籍信息,內容簡介,圖書目錄,

書籍信息

作譯者:宋鵬等
出版時間:2018-11千 字 數:274版次:01-01頁 數:196
開本:16開裝幀:I S B N :9787121352997
換版:
紙質書定價:¥69.0

內容簡介

本書是用Vue.js構建Web套用的全方位指南。作者運用細緻入微的講解方式帶你領略Vue.js的獨特魅力,致力於協助你從零開始基於Vue.js創建一個Web套用。本書共7章:第1章介紹Vue的安裝及基本用法,覆蓋大量Vue核心技術,諸如回響式原理、生命周期鉤子等;第2章到第6章進入Vue高階世界,通過在豐富的組件特性中遨遊,教你使用vue-router和vuex來實現客戶端路由和狀態管理,以此完善整個Web套用的功能;最後一章介紹如何使用vue-test-utils這一官方測試利器來為組件編寫單元測試,從而保證Web套用的正常運行;附錄分別介紹vue-cli用法及Vue 與React之間的異同。本書適合對HTML和JavaScript已有一定了解,正在準備或已經使用Vue.js進行Web套用開發的從業者,也適合希望通過學習框架使用來提升對其認識的開發人員,有React使用經驗的讀者同樣可從中獲得啟發。

圖書目錄

前言 .............................................................................................xi
第 1 章 Vue.js 基礎 .......................................................................1
為什麼選擇 Vue.js ..................................................................................................1
安裝和設定 ............................................................................................................4
vue-loader 和 webpack .....................................................................................4
模板(Template)、數據(Data)和指令(Directive)...........................................6
v-if vs v-show .......................................................................................................10
模板中的循環 ......................................................................................................11
屬性綁定 ..............................................................................................................13
回響式 ..................................................................................................................15
回響式如何實現 ............................................................................................16
注意事項 .......................................................................................................17
雙向數據綁定 ......................................................................................................19
動態設定 HTML ..................................................................................................21
方法 .....................................................................................................................22
this.................................................................................................................23
計算屬性 ..............................................................................................................24
偵聽器 ..................................................................................................................27
監聽 data 對象中某個對象的屬性 .................................................................29
獲取舊值 .......................................................................................................29
深度監聽 .......................................................................................................30
過濾器 ..................................................................................................................30
使用 ref 直接訪問元素 .........................................................................................33
輸入和事件 ..........................................................................................................33
v-on 簡寫 .......................................................................................................34
事件修飾符 ...................................................................................................34
生命周期鉤子 ......................................................................................................37
自定義指令 ..........................................................................................................38
鉤子函式參數 ................................................................................................40
過渡和動畫 ..........................................................................................................41
CSS 過渡 .......................................................................................................41
JavaScript 動畫 ..............................................................................................44
總結 .....................................................................................................................46
第 2 章 Vue.js 組件 .....................................................................47
組件基礎 ..............................................................................................................47
數據、方法和計算屬性 ........................................................................................48
傳遞數據 ..............................................................................................................49
Prop 驗證 .......................................................................................................50
Prop 的大小寫 ...............................................................................................51
回響式 ...........................................................................................................52
數據流和 .sync 修飾符 ..................................................................................53
自定義輸入組件與 v-model ...........................................................................56
使用插槽(slot)將內容傳遞給組件 ...................................................................57
默認內容 .......................................................................................................58
具名插槽 .......................................................................................................59
作用域插槽 ...................................................................................................60
自定義事件 ..........................................................................................................62
混入 .....................................................................................................................65
混入對象和組件的合併 .................................................................................67
vue-loader 和 .vue 檔案 ........................................................................................68
非 Prop 屬性 ........................................................................................................70
組件和 v-for 指令 ................................................................................................71
總結 .....................................................................................................................74
第 3 章 使用 Vue 添加樣式 ..........................................................77
Class 綁定 ............................................................................................................77
內聯樣式綁定 ......................................................................................................79
數組語法 .......................................................................................................80
多重值 ...........................................................................................................80
用 vue-loader 實現 Scoped CSS ...........................................................................81
用 vue-loader 實現 CSS Modules .........................................................................82
預處理器 ..............................................................................................................83
總結 .....................................................................................................................83
第 4 章 render 函式和 JSX ..........................................................85
標籤名稱 ..............................................................................................................86
數據對象 ..............................................................................................................86
子節點 ..................................................................................................................88
JSX ......................................................................................................................89
總結 .....................................................................................................................91
第 5 章 使用 vue-router 實現客戶端路由 ......................................93
安裝 .....................................................................................................................93
基本用法 ..............................................................................................................94
HTML5 History 模式 ...........................................................................................96
動態路由 ..............................................................................................................97
回響路由變化 ................................................................................................98
路由參數作為組件屬性傳入 .......................................................................100
嵌套路由 ............................................................................................................101
重定向和別名 ....................................................................................................103
連結導航 ............................................................................................................104
tag 屬性 .......................................................................................................105
active-class 屬性 ..........................................................................................106
原生事件 .....................................................................................................107
編程式導航 .................................................................................................107
導航守衛 ............................................................................................................108
路由獨享守衛 ..............................................................................................110
組件內部守衛 .............................................................................................. 111
路由順序 ............................................................................................................112
404 頁面 ......................................................................................................113
路由命名 ............................................................................................................114
總結 ...................................................................................................................115
第 6 章 使用 vuex 實現狀態管理 ................................................117
安裝 ...................................................................................................................118
概念 ...................................................................................................................119
State 及其輔助函式 ............................................................................................121
State 輔助函式.............................................................................................122
Getter .................................................................................................................124
Getter 輔助函式 ...........................................................................................126
Mutation .............................................................................................................126
Mutation 輔助函式 ......................................................................................128
Mutation 必須是同步函式 ...........................................................................128
Action ................................................................................................................129
Action 輔助函式 ..........................................................................................130
參數解構 .....................................................................................................131
Promise 與 Action ..............................................................................................131
Module ...............................................................................................................132
檔案結構 .....................................................................................................134
帶命名空間的模組 ......................................................................................135
總結 ...................................................................................................................137
第 7 章 對 Vue 組件進行測試 .....................................................139
測試單個組件 ....................................................................................................139
介紹 vue-test-utils ..............................................................................................141
查詢 DOM ..........................................................................................................142
掛載選項 ............................................................................................................143
模擬和存根數據 .................................................................................................145
測試事件 ............................................................................................................146
總結 ...................................................................................................................148
附錄 A 搭建 Vue 開發環境 .........................................................149
附錄 B Vue 與 React ................................................................153
索引 ..........................................................................................171

相關詞條

熱門詞條

聯絡我們