●第1篇基礎準備篇
第1章關於前端開發你需要知道的事02
1.1網頁開發的前世今生02
1.1.1是否還記得曾經的前端開發02
1.1.2大前端時代的來臨03
1.2MVC、MVP、MVVM傻傻分不清楚05
1.2.1MVC小解05
1.2.2MVP小解06
1.2.3MVVM小解06
1.2.4三者的區別和優劣08
1.3工欲善其事，必先利其器08
1.3.1開發者的眼——Chrome08
1.3.2開發者的手——VSCode10
1.3.3開發者的心——Terminal11
1.4小結12
第2章關於Vue.js的一些小事14
2.1從安裝開始14
2.1.1直接引入14
2.1.2腳手架的配置15
2.1.3腳手架的使用16
2.2Vue.js初體驗21
2.2.1項目文件內容介紹21
2.2.2必不可少的HelleWorld23
2.2.3經典的TodoList25
2.3了解一些特性31
2.3.1新建實例31
2.3.2生命周期32
2.3.3模板語法34
2.3.4計算屬性與過濾器34
2.3.5樣式的修改36
2.3.6條件與列表渲染40
2.3.7事件的處理43
2.3.8雙向綁定46
2.4小結49
第3章組件詳解51
3.1組件概念51
3.1.1什麼是組件51
3.1.2為什麼要使用組件52
3.2組件創建53
3.2.1組件基礎53
3.2.2組件注冊55
3.3組件通信55
3.3.1父組件與子組件通信56
3.3.2子組件與父組件通信58
3.3.3子組件之間的通信59
3.4插槽60
3.5特殊情況62
3.6小結65
第4章ES6的日常使用66
4.1關於ES6你需要知道的事66
4.1.1ES的發展歷史66
4.1.2ES6和JS的關繫67
4.1.3為什麼要使用ES668
4.2ES6常用語法簡介70
4.2.1Demo的分析70
4.2.2用戶獲取數據的方法72
4.2.3輸出用戶輸入信息的方法73
4.2.4判斷最喜歡地點的方法74
4.2.5判斷支出類型的方法75
4.2.6保存數據76
4.3Babel的支持76
4.3.1Babel是什麼76
4.3.2Babel文件配置78
4.3.3Babel的實際調用80
4.4小結81
第5章項目的構建82
5.1前端項目構建——Webpack82
5.1.1Webpack是什麼82
5.1.2Webpack的特點83
5.1.3Webpack配置規範83
5.1.4Webpack整體配置一覽87
5.1.5Webpack使用88
5.1.6Webpack4.X的新特性89
5.2前端常用插件的介紹90
5.2.1Axios90
5.2.2Element93
5.2.3Sass97
5.2.4Eslint100
5.3後端項目構建——Koa102
5.3.1為什麼選擇Koa102
5.3.2構建Koa項目105
5.3.3koa-router的優化106
5.4數據庫——MySQL108
5.4.1MySQL簡介108
5.4.2MySQL的安裝109
5.4.3Sequelize的使用111
5.5小結114
第2篇項目實戰篇
第6章項目分析與設計118
6.1我們要做一個什麼項目118
6.2實現哪些功能，需要哪些頁面121
6.2.1需求分析121
6.2.2頁面設計121
6.2.3提取公用插件123
6.3路由的分配123
6.3.1一級路由的確定123
6.3.2二級路由的確定124
6.4數據庫內容的確定125
6.4.1根據需求確定數據表結構125
6.4.2主要字段的配置126
6.5小結128
第7章基礎頁面的開發129
7.1主頁的開發129
7.1.1頁面主體header框架開發129
7.1.2主頁路由配置131
7.1.3主頁header剩餘內容開發132
7.1.4第三方ICON庫的引入133
7.1.5首頁主體框架開發134
7.1.6首頁右側側邊欄次組件開發136
7.1.7首頁右側側邊欄主組件開發138
7.1.8主頁列表外內容效果展示140
7.1.9內容列表表頭開發140
7.1.10模擬數據獲取142
7.1.1素開發143
7.1.12列表操作按鈕開發145
7.1.13列表繫列組件的調用147
7.1.14首頁列表效果展示149
7.2登錄注冊頁面的開發150
7.2.1確定登錄頁背景框架150
7.2.2登錄頁靜態內容152
7.2.3登錄頁表單驗證等相關內容154
7.2.4登錄頁信息提示及整體效果157
7.3注冊登錄功能實現158
7.3.1數據表的確定158
7.3.2用戶注冊功能實現161
7.3.3用戶登錄登出與信息存儲164
7.4小結169
第8章文章和問題的日常操作170
8.1圖片和富文本的處理170
8.1.1富文本插件的使用170
8.1.2文章編輯頁header組件開發172
8.1.3文章編輯頁主組件開發174
8.1.4文章編輯頁路由注冊與效果展示175
8.1.5文章編輯頁發布文章方法176
8.1.6圖片的上傳接口開發177
8.1.7圖片上傳前端開發179
8.1.8富文本組件中的圖片上傳180
8.2文章的增、刪、改、查182
8.2.1文章新增頁面的跳轉182
8.2.2文章相關數據表配置182
8.2.3文章增加刪除接口的開發185
8.2.4文章查詢更新接口開發188
8.2.5文章列表開發190
8.2.6文章詳情頁面開發192
8.2.7文章跳轉鏈接修改195
8.3問題的增、改195
8.3.1問題增加更新前端模塊開發196
8.3.2問題增加修改與header部分修改198
8.3.3問題數據表新建200
8.3.4問題增加更新接口開發201
8.4小結203
第9章評論、回答和狀態的操作204
9.1問題回答的相關操作204
9.1.1問題詳情前端頁面開發204
9.1.2問題詳情前端邏輯開發207
9.1.3新建回答數據表210
9.1.4回答查找、刪除和更新接口211
9.1.5問題答案的查詢接口214
9.1.6問題回答的前端展示216
9.2評論的相關操作219
9.2.1評論新建前端開發219
9.2.2新建評論數據表222
9.2.3評論新建查找刪除接口開發223
9.2.4新建評論效果展示226
9.2.5評論展示前端開發227
9.2.6評論功能組件開發228
9.2.7評論功能組件調用231
9.2.8一級評論效果展示233
9.2.論列表的循環調用234
9.2.10多級評論效果展示236
9.2.11評論個數展示236
9.3狀態的相關操作238
9.3.1狀態的更新238
9.3.2狀態中特殊情況的處理242
9.4小結243
第10章個人主頁的開發245
10.1個人信息的修改245
10.1.1個人信息頁面的新建245
10.1.2個人信息頁面查看修改接口開發248
10.1.3個人信息頁面的跳轉249
10.1.4個人座右銘的修改252
10.1.5用戶頭像修改254
10.2個人主頁列表開發258
10.2.1列表框架的構建258
10.2.2作者回答查詢接口開發261
10.2.3作者回答查詢接口調用262
10.2.4作者回答刪除功能開發264
10.2.5作者回答編輯功能開發267
10.2.6作者文章的查看功能開發270
10.2.7作者文章的刪除功能開發272
10.2.8作者文章的編輯功能開發273
10.2.9提問的列表275
10.3小結278
第11章項目的部署279
11.1服務器的購買與配置279
11.2服務器的連接與配置280
11.2.1服務器連接的兩種方法281
11.2.2服務器環境安裝282
11.2.3服務器數據庫詳細配置283
11.2.4服務器項目文件夾創建286
11.3服務部署286
11.3.1前端項目部署286
11.3.2後端項目部署289
11.4小結291
第12章總結293
12.1第1篇內容回顧293
12.2第2篇內容回顧294
12.3小結295
本書以項目實戰的方式引導讀者漸進式學習Vue.js。本書從Vue.js的基礎語法講起，然後介紹ES6的語法規範，最後通過項目構建、項目部署介紹Vue.js項目開發的全套流程。本書內容側重於Vue.js項目實戰開發中的組件復用、代碼解耦等操作，讀者不但可以繫統地學習Vue.js的相關知識，而且能對Vue.js的開發應用有更為深入的理解。本書分為基礎準備篇和項目實戰篇。基礎準備篇主要介紹Vue.js的核心功能，包括但不限於Vue.js的語法與組件、ES6的語法規範、前後端項目框架的構建、數據庫及其相關操作。項目實戰篇主要以網頁版知乎為例講解實戰開發流程與方法，所涉及的項目分析、開發流程、項目部署等內容可幫助讀者融會貫通地應用所學知識。閱讀本書，讀者能夠掌握Vue.js框架主要API的使用方法、組件開發、前後端項目聯調等內容。本書示例豐富、側重實戰，適用於剛接觸或即將接觸Vue.js的開發者，也等
