vue3 调用java 例子

要在Vue3中调用Java，你需要使用Ajax或者Fetch来发送HTTP请求。以下是一个简单的例子：

<script>
  export default {
    data() {
      return {
        response: ''
      }
    },
    methods: {
      fetchData() {
        fetch('http://localhost:8080/api/data') // 替换为你的Java后端接口地址
          .then(response => response.json())
          .then(data => {
            this.response = data;
          })
          .catch(error => {
            console.error(error);
          });
      }
    },
    mounted() {
      this.fetchData();
    }
  }
</script>

<template>
  <div>
    <button @click="fetchData">获取数据</button>
    <p>Java接口返回的数据：{{ response }}</p>
  </div>
</template>

在这个例子中，我们使用`fetch`函数来发送HTTP GET请求到Java后端的`http://localhost:8080/api/data`接口。然后，我们将返回的数据赋值给组件的`response`属性，并在模板中显示这个属性的值。

你需要将`http://localhost:8080/api/data`替换为你的Java后端接口的实际地址。请确保你的Java后端已经正确配置了接口，能够返回你需要的数据。

这只是一个简单的例子，实际情况可能更加复杂。你可能需要在请求中设置请求头、传递参数、处理错误等。但是基本原理是相同的：使用Ajax或Fetch发送HTTP请求，接收返回的数据，并在Vue组件中进行处理和显示。