Spring Boot 是一個非常流行的 Java 開發框架，而 Vue 是一種非常流行的JavaScript 前端框架。很多開發者喜歡使用 Spring Boot 進行后端開發，但如何使用 Vue 實現前端的交互是一個常見的問題。那么如何在 Spring Boot 中集成 Vue 呢？

首先，我們需要在 Spring Boot 項目中加入必要的 Vue 開發工具。Vue CLI 是一個官方提供的命令行工具，它可以快速創建并啟動 Vue 項目，我們可以使用以下命令安裝：

npm install -g vue-cli

安裝完成后，使用以下命令創建一個新的 Vue 項目：

vue init webpack my-vue-project

由于 Spring Boot 使用的是 Thymeleaf 模板引擎，我們需要將 Vue 代碼編譯成可以在 Thymeleaf 中使用的 JavaScript 文件。為此，我們可以使用 webpack 打包工具。在 Vue 項目根目錄下，運行以下命令安裝：

npm install --save-dev webpack

在完成了 Vue 的前端開發并使用 webpack 打包后，我們就需要將編譯后的 JavaScript 文件導入到 Spring Boot 的后端代碼中。為了實現這一點，我們可以在 Spring Boot 的配置文件（例如 application.properties）中添加以下配置：

spring.resources.static-locations=classpath:/META-INF/resources/,classpath:/resources/,classpath:/static/,classpath:/public/,file:./dist/

其中，file:./dist/ 是 Vue 項目的打包輸出目錄。此配置指示 Spring Boot 查找靜態資源的位置，可以讓我們在 Thymeleaf 模板中引用編譯后的 Vue 代碼。

接下來，在 Thymeleaf 模板頁面中，我們可以使用以下代碼來引用編譯后的 Vue 代碼：

<script type="text/javascript" src="/js/app.js"></script>

其中，app.js 是我們編譯后的 JavaScript 文件的名稱。

通過以上步驟，我們就已經成功將 Vue 集成到了 Spring Boot 中。現在，我們可以使用 Vue 與 Spring Boot 一起構建功能強大的 Web 應用程序。