vue3 调用接口

在Vue3中调用接口，可以使用Axios库来发送HTTP请求。首先，需要安装Axios库：

npm install axios

然后，在Vue组件中引入Axios库并使用它发送请求。例如，可以在created生命周期钩子中发送GET请求：

import axios from 'axios';

export default {
  created() {
    axios.get('https://api.example.com/data')
      .then(response => {
        // 处理接口返回的数据
        console.log(response.data);
      })
      .catch(error => {
        // 处理请求错误
        console.error(error);
      });
  }
}

上述代码中，我们使用Axios的get方法发送一个GET请求到指定的URL，然后通过.then处理成功的响应，通过.catch处理请求错误。

当然，Axios还提供了其他的请求方法，如POST、PUT等，可以根据需要选择合适的方法来发送请求。

需要注意的是，在Vue3中，推荐使用Composition API来处理数据和逻辑，可以将接口请求封装成自定义的函数，在组件中调用该函数来发送请求。这样可以更好地组织代码和复用逻辑