Vue.js + Spring Boot 全棧開發實戰

本書介紹Vue.js+Spring Boot全棧開發所使用的技術，包括Vue.js 3、Naive UI、md-editor-v3、NGINX、TypeScript、Spring Boot、Spring MVC、Spring Data、Hibernate、H2、MySQL、Spring Security等開源技術，知識點涉及模塊、測試、緩沖區、事件處理、HTTP編程、組件、模板、指令、監聽器、表達式、事件、表單、HTTP客戶端、MVC、JPA、數據存儲、安全等眾多話題。內容豐富、案例新穎，知識難度由淺及深、層層推進，將理論聯系實際，具有非常強的實操性。這些知識點既能滿足當前企業級應用的開發需求，又能大幅度減輕開發者的負擔。本書所介紹的知識較為前沿，並輔以大量的案例，令讀者知其然、知其所以然。讀者通過學習本書，可以拓展視野，提升個人技術競爭能力。

本書適合作為Vue.js+Spring Boot全棧開發初學者和進階讀者的自學教程，也適合作為培訓學校的培訓教材，還適合作為大、中專院校相關專業的教學參考書。

在多家 IT 公司担任项目经理、架构师、高级开发顾问等职位，具有多年软件开发管理及系统架构经验。负责过多个省、国家级大型分布式系统的设计与研发，参与了多个大型项目的微服务架构的技术改造，在实际工作中，积累了大量的分布式系统及微服务架构经验。业余时间创建了 waylau.com 网站，用于分享个人技术心得。喜欢开源，长期跃于各大开源社区，是 CSDN、 开源中国、云栖社区等技术社区专家。为开源社区无私编著了《Spring Framework 4.x参考文档》、《Netty 实战(精髓)》、《REST 实战》、《分布式 Java》、《Spring Boot 教程》、《Spring Security 教程》、《Thymeleaf 教程》等近30余篇技术教程，广受网友好评。其中出版了《分布式系统常用技术及案例分析》、《Spring Boot 企业级应用开发实战》、《Spring Cloud 微服务架构开发实战》等专著。

第 1章 Vue.js+Spring Boot全棧開發概述

1.1　Vue.js+Spring Boot全棧開發核心技術棧的組成

1.1.1　Vue.js

1.1.2　Spring Boot

1.2　Vue.js+Spring Boot全棧開發周邊技術棧的組成

1.2.1　Naive UI

1.2.2　md-editor-v3

1.2.3　Nginx

1.2.4　Spring Security

1.2.5　Spring MVC

1.2.6　Spring Data

1.2.7　Hibernate

1.2.8　H2

1.2.9　MySQL

1.3　Vue.js+Spring Boot全棧開發的優勢

1.4　開發工具的選擇

1.4.1　前端開發工具的選擇

1.4.2　後端開發工具的選擇

1.5　總結

1.6　習題

第　2章 Vue.js基礎

2.1　Vue.js產生的背景

2.1.1　Vue.js與jQuery的不同

2.1.2　Vue.js與React、Angular優勢對比

2.1.3　Vue.js、React、Angular三者怎麽選

2.2　Vue.js的下載安裝

2.2.1　安裝Node.js和npm

2.2.2　Node.js與npm的關系

2.2.3　安裝npm鏡像

2.2.4　安裝Vue CLI

2.2.5　安裝Vue Devtools

2.3　Vue CLI的常用操作

2.3.1　獲取幫助

2.3.2　創建應用

2.3.3　創建服務

2.3.4　啟動應用

2.3.5　編譯應用

2.4　實例1：創建第 一個Vue.js應用

2.4.1　使用Vue CLI初始化應用

2.4.2　運行Vue應用

2.4.3　增加對TypeScript的支持

2.5　探索Vue.js應用結構

2.5.1　整體項目結構

2.5.2　項目根目錄文件

2.5.3　node_modules目錄

2.5.4　public目錄

2.5.5　src目錄

2.6　總結

2.7　習題

第3章　Vue.js應用實例

3.1　創建應用實例

3.1.1　第 一個應用實例

3.1.2　讓應用實例執行方法

3.1.3　理解選項對象

3.1.4　理解根組件

3.1.5　理解MVVM模型

3.2　data的property與methods

3.2.1　理解data property

3.2.2　理解data methods

3.3　生命周期

3.3.1　什麽是生命周期鉤子

3.3.2　生命周期圖示

3.3.3　實例2：生命周期鉤子的例子

3.4　總結

3.5　習題

第4章　Vue.js組件

4.1　組件的基本概念

4.1.1　實例3：一個Vue.js組件的示例

4.1.2　什麽是組件

4.1.3　組件的復用

4.1.4　Vue組件與Web組件的異同點

4.2　組件交互方式

4.2.1　實例4：通過prop向子組件傳遞數據

4.2.2　實例5：監聽子組件事件

4.2.3　實例6：兄弟組件之間的通信

4.2.4　實例7：通過插槽分發內容

4.3　讓組件可以動態加載

4.3.1　實現組件動態加載的步驟

4.3.2　實例8：動態組件的示例

4.4　使用緩存組件keep-alive

4.4.1　實例9：keep-alive的例子

4.4.2　keep-alive配置詳解

4.5　總結

4.6　習題

第5章　Vue.js模板

5.1　模板概述

5.2　實例10：插值

5.2.1　文本

5.2.2　原生HTML代碼

5.2.3　綁定HTML attribute

5.2.4　JavaScript表達式

5.3　實例11：在模板中使用指令

5.3.1　參數

5.3.2　理解指令中的動態參數

5.3.3　理解指令中的修飾符

5.4　實例12：在模板中使用指令的縮寫

5.4.1　使用v-bind縮寫

5.4.2　使用v-on縮寫

5.5　使用模板的一些約定

5.5.1　對動態參數值的約定

5.5.2　對動態參數表達式的約定

5.5.3　對訪問全局變量的約定

5.6　總結

5.7　習題

第6章　Vue.js計算屬性與監聽器

6.1　通過實例理解“計算屬性”的必要性

6.2　實例13：一個計算屬性的例子

6.2.1　聲明計算屬性

6.2.2　模擬數據更改

6.3　計算屬性緩存與方法的關系

6.4　為什麽需要偵聽器

6.4.1　理解偵聽器

6.4.2　實例14：一個偵聽器的例子

6.5　總結

6.6　習題

第7章　Vue.js表達式

7.1　條件表達式

7.1.1　實例15：v-if的例子

7.1.2　實例16：v-else的例子

7.1.3　實例17：v-else-if的例子

7.1.4　實例18：v-show的例子

7.2　for循環表達式

7.2.1　實例19：v-for遍歷數組的例子

7.2.2　實例20：v-for遍歷數組設置索引的例子

7.2.3　實例21：v-for遍歷對象property的例子

7.2.4　實例22：數組過濾的例子

7.2.5　實例23：使用值的範圍的例子

7.1.5　v-if與v-show的關系

7.3　v-for的不同使用場景

7.3.1　實例24：在