Vue3 异步交互 axios

在Vue3中，可以使用axios来进行异步交互。首先，需要安装axios库，可以通过以下命令进行安装：

npm install axios

安装完成后，可以在Vue组件中引入并使用axios。

import axios from 'axios';

export default {
  data() {
    return {
      users: []
    };
  },
  mounted() {
    this.fetchUsers();
  },
  methods: {
    async fetchUsers() {
      try {
        const response = await axios.get('https://api.example.com/users');
        this.users = response.data;
      } catch (error) {
        console.error(error);
      }
    }
  }
}

在上面的例子中，首先引入axios库，然后在fetchUsers方法中使用await关键字来等待异步请求的结果。axios.get会返回一个Promise对象，使用await等待该Promise对象的结果。如果请求成功，结果会保存在response.data中，然后将它赋值给this.users来更新组件的数据。如果请求失败，错误会被捕获并在控制台输出。

这是一个简单的示例，你可以根据自己的需求进行更复杂的异步交互操作。