第一篇 前端高效開發(fā)框架
技術與應用
第1章 Vue基礎 2
1.1 Vue 框架概述 3
1.1.1 MVX模式簡介 3
1.1.2 Vue框架簡介 4
1.1.3 Vue.js的安裝與使用 6
1.2 Vue基礎語法 8
1.2.1 實例對象 8
1.2.2 生命周期 10
1.2.3 模板語法 14
1.2.4 計算屬性 19
1.2.5 methods方法 21
1.3 Vue渲染 21
1.3.1 列表渲染 21
1.3.2 條件渲染 28
1.4 Vue事件與表單 32
1.4.1 事件處理 32
1.4.2 事件對象 36
1.4.3 事件委派 38
1.4.4 表單處理 39
1.5 Vue基礎應用 43
1.6 本章小結(jié) 46
第2章 Vue組件 47
2.1 Vue 組件概述 48
2.1.1 組件簡介 48
2.1.2 組件對象剖析 50
2.1.3 Vue組件的data屬性 52
2.1.4 props傳遞數(shù)據(jù) 55
2.2 事件通信 59
2.2.1 父子組件事件通信 59
2.2.2 非父子組件事件通信 62
2.2.3 插槽 65
2.3 組件類型 73
2.3.1 自定義組件v-model
雙向綁定 73
2.3.2 動態(tài)組件 75
2.3.3 遞歸組件 77
2.4 Vue組件應用 79
2.4.1 分頁組件 79
2.4.2 購物車組件 80
2.5 本章小結(jié) 83
第3章 Vue工程化工具 84
3.1 搭建Node.js環(huán)境 85
3.1.1 Node.js簡介 85
3.1.2 Node.js的下載與安裝 85
3.1.3 npm的安裝與使用 86
3.1.4 yarn的安裝與使用 91
3.2 Vue CLI概述 92
3.2.1 Vue CLI簡介 92
3.2.2 Vue CLI的使用 93
3.3 Vue CLI項目的配置 94
3.4 JavaScript模塊 98
3.4.1 CommonJS模塊 100
3.4.2 ES6模塊 101
3.5 vue-devtools調(diào)試工具 104
3.5.1 vue-devtools的下載
與安裝 104
3.5.2 vue-devtools的使用 104
3.6 本章小結(jié) 104
第4章 Express服務器開發(fā) 106
4.1 Express概述 107
4.1.1 創(chuàng)建Express應用程序 107
4.1.2 Express路由 109
4.1.3 pug視圖模板 114
4.2 請求與上傳文件 116
4.2.1 GET請求和POST請求 116
4.2.2 上傳文件 118
4.3 Session概述 121
4.3.1 Session簡介 121
4.3.2 Session的使用 121
4.4 構建RESTful API 122
4.5 Nodemon概述 125
4.6 本章小結(jié) 126
第5章 axios網(wǎng)絡交互 128
5.1 axios的基本使用 129
5.1.1 axios簡介 129
5.1.2 axios的使用 129
5.2 發(fā)送請求 130
5.2.1 發(fā)送GET請求 130
5.2.2 發(fā)送POST請求 131
5.3 axios跨域問題 132
5.4 axios網(wǎng)絡交互應用 134
5.5 本章小結(jié) 136
第6章 Vue路由 138
6.1 SPA和vue-router 139
6.1.1 SPA 139
6.1.2 vue-router 139
6.2 路由的使用 141
6.2.1 定義路由 141
6.2.2 動態(tài)路由 142
6.2.3 路由參數(shù) 142
6.2.4 在路由組件中使用AJAX 143
6.3 路由導航 144
6.3.1 路由導航守衛(wèi) 144
6.3.2 編程式路由導航 145
6.3.3 全局路由導航守衛(wèi) 146
6.4 嵌套路由和命名路由視圖 147
6.4.1 嵌套路由 147
6.4.2 命名路由視圖 149
6.5 Vue路由應用 150
6.5.1 用戶登錄與校驗 150
6.5.2 注銷功能及存在的問題 152
6.6 本章小結(jié) 154
第7章 Vuex狀態(tài)管理 156
7.1 Vuex狀態(tài)管理概述 157
7.1.1 Vue組件共享數(shù)據(jù)的方式 157
7.1.2 Vuex的安裝與使用 158
7.2 Vuex.Store對象的接口 159
7.2.1 State 160
7.2.2 Getters 162
7.2.3 Mutations 163
7.2.4 Actions 165
7.3 Vuex多模塊 167
7.4 Vuex插件 168
7.5 重新組織Vuex目錄結(jié)構 168
7.6 本章小結(jié) 169
第8章 Vue UI 170
8.1 Vue UI概述 171
8.1.1 Vue UI簡介 171
8.1.2 Element的安裝與使用 171
8.2 Element UI組件庫 173
8.3 第三方擴展庫Express 174
8.3.1 集成Express和Vue 174
8.3.2 配置Express和Vue 174
8.4 本章小結(jié) 177