第一篇 前端高效開發(fā)框架
技術(shù)與應(yīng)用
第1章 Vue基礎(chǔ) 2
1.1 Vue 框架概述 3
1.1.1 MVX模式簡介 3
1.1.2 Vue框架簡介 4
1.1.3 Vue.js的安裝與使用 6
1.2 Vue基礎(chǔ)語法 8
1.2.1 實(shí)例對(duì)象 8
1.2.2 生命周期 10
1.2.3 模板語法 14
1.2.4 計(jì)算屬性 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 事件對(duì)象 36
1.4.3 事件委派 38
1.4.4 表單處理 39
1.5 Vue基礎(chǔ)應(yīng)用 43
1.6 本章小結(jié) 46
第2章 Vue組件 47
2.1 Vue 組件概述 48
2.1.1 組件簡介 48
2.1.2 組件對(duì)象剖析 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 動(dòng)態(tài)組件 75
2.3.3 遞歸組件 77
2.4 Vue組件應(yīng)用 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項(xiàng)目的配置 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服務(wù)器開發(fā) 106
4.1 Express概述 107
4.1.1 創(chuàng)建Express應(yīng)用程序 107
4.1.2 Express路由 109
4.1.3 pug視圖模板 114
4.2 請(qǐng)求與上傳文件 116
4.2.1 GET請(qǐng)求和POST請(qǐng)求 116
4.2.2 上傳文件 118
4.3 Session概述 121
4.3.1 Session簡介 121
4.3.2 Session的使用 121
4.4 構(gòu)建RESTful API 122
4.5 Nodemon概述 125
4.6 本章小結(jié) 126
第5章 axios網(wǎng)絡(luò)交互 128
5.1 axios的基本使用 129
5.1.1 axios簡介 129
5.1.2 axios的使用 129
5.2 發(fā)送請(qǐng)求 130
5.2.1 發(fā)送GET請(qǐng)求 130
5.2.2 發(fā)送POST請(qǐng)求 131
5.3 axios跨域問題 132
5.4 axios網(wǎng)絡(luò)交互應(yī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 動(dòng)態(tài)路由 142
6.2.3 路由參數(shù) 142
6.2.4 在路由組件中使用AJAX 143
6.3 路由導(dǎo)航 144
6.3.1 路由導(dǎo)航守衛(wèi) 144
6.3.2 編程式路由導(dǎo)航 145
6.3.3 全局路由導(dǎo)航守衛(wèi) 146
6.4 嵌套路由和命名路由視圖 147
6.4.1 嵌套路由 147
6.4.2 命名路由視圖 149
6.5 Vue路由應(yīng)用 150
6.5.1 用戶登錄與校驗(yàn) 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對(duì)象的接口 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é)構(gòu) 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 第三方擴(kuò)展庫Express 174
8.3.1 集成Express和Vue 174
8.3.2 配置Express和Vue 174
8.4 本章小結(jié) 177