前后端分离是一种软件架构模式，其中前端和后端是独立开发和部署的。Spring Boot 通常用于构建后端服务，而 Vue.js 是一种流行的前端框架。以下是如何使用 Spring Boot 和 Vue.js 实现前后端分离的基本指南。

### 后端：Spring Boot

1. **创建Spring Boot项目**
   - 可以通过[Spring Initializr](https://start.spring.io/)快速生成一个Spring Boot项目，选择所需的依赖项，如Spring Web（用于构建Web应用程序）。
   
2. **配置REST API**
   - 在`src/main/java/your/package/name`目录下创建控制器类来处理来自Vue.js前端的HTTP请求。例如：
     ```java
     @RestController
     @RequestMapping("/api")
     public class ExampleController {
         @GetMapping("/greet")
         public ResponseEntity<String> greet() {
             return new ResponseEntity<>("Hello from Spring Boot!", HttpStatus.OK);
         }
     }
     ```
   - 确保你的Spring Boot应用能够正确地启动，并且API可以通过浏览器或Postman等工具访问。

3. **跨域资源共享(CORS)**
   - 如果前端和后端运行在不同的端口或域名上，需要在Spring Boot中配置CORS支持。可以在控制器类上添加注解`@CrossOrigin`，或者全局配置CORS策略。

### 前端：Vue.js

1. **创建Vue项目**
   - 使用Vue CLI创建一个新的Vue项目。如果你还没有安装Vue CLI，可以使用npm进行安装：
     ```bash
     npm install -g @vue/cli
     vue create my-project
     ```
   
2. **调用后端API**
   - 在Vue项目中，你可以使用`axios`或其他HTTP客户端库来与Spring Boot后端通信。首先，安装axios：
     ```bash
     npm install axios
     ```
   - 然后，在你的Vue组件中使用它来发起请求：
     ```javascript
     import axios from 'axios';

     export default {
       name: 'ExampleComponent',
       data() {
         return {
           message: ''
         }
       },
       methods: {
         fetchData() {
           axios.get('http://localhost:8080/api/greet')
             .then(response => {
               this.message = response.data;
             })
             .catch(error => console.log(error));
         }
       },
       mounted() {
         this.fetchData();
       }
     }
     ```

3. **运行Vue项目**
   - 进入Vue项目的根目录，运行`npm run serve`来启动Vue开发服务器，默认情况下它会在`http://localhost:8081`运行。

### 部署

- 当项目准备好部署时，分别打包Spring Boot应用为JAR文件，以及Vue项目为dist文件夹下的静态资源。你可以将Vue项目中的静态资源放置于Spring Boot项目的`resources/static`目录下，以便它们可以一起部署。

以上步骤提供了一个基本的框架，具体实现可能会根据项目需求有所不同。希望这些信息能帮助你开始使用Spring Boot和Vue.js构建前后端分离的应用程序。