写一个vue输入传到springboot后台的代码

前端代码：

<template>
  <div>
    <input v-model="message" type="text" placeholder="请输入消息" />
    <button @click="sendMessage()">发送</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: ""
    };
  },
  methods: {
    sendMessage() {
      this.$axios
        .post("/send-message", {
          message: this.message
        })
        .then(response => {
          console.log(response.data);
        })
        .catch(error => {
          console.log(error);
        });
    }
  }
};
</script>

后端代码：

@RestController
public class ChatController {
  
  @PostMapping("/send-message")
  public String sendMessage(@RequestBody Map<String, Object> data) {
    String message = (String) data.get("message");
    // 处理消息
    return "消息发送成功！";
  }
}

以上代码使用了Vue.js作为前端框架，使用了axios库进行网络请求。后端使用了Spring Boot框架，使用了@RestController注解将该类声明为RESTful风格的控制器。在sendMessage()方法中，使用@RequestBody注解将请求体映射为Map<String, Object>类型的参数，从中获取前端发送的消息内容。在处理完消息后，返回一个字符串作为响应结果。