Spring Boot后端与Vue前端的数据交互，用代码表示

Spring Boot 后端与 Vue.js 前端的数据交互通常通过 RESTful API 实现。后端可以使用 Spring MVC 或者 Spring WebFlux 提供 HTTP 接口，而前端则通过 Axios 这样的库发起 AJAX 请求。

后端 Java 示例（使用 Spring MVC）：

import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class UserController {

    @GetMapping("/api/users")
    public List<User> getUsers() {
        // 返回数据处理逻辑，比如从数据库获取
        return userService.getAllUsers();
    }
}

前端 Vue.js 示例：

import axios from 'axios';

export default {
    data() {
        return {
            users: []
        };
    },
    methods: {
        fetchData() {
            axios.get('/api/users')
                .then(response => (this.users = response.data))
                .catch(error => console.error('Error fetching users:', error));
        }
    },
    created() {
        this.fetchData();
    }
};

在这个例子中，当创建 Vue 组件时，`fetchData` 方法会向 `/api/users` 发起 GET 请求，接收到数据后更新前端的 `users` 数据列表。