vue3中如何请求接口数据

Vue3中可以使用axios、fetch、XHR等方式请求接口数据，以下是一个使用axios请求接口数据的示例代码：

import axios from 'axios'

export default {
  name: 'Example',
  data() {
    return {
      loading: false,
      data: null,
      error: null
    }
  },
  mounted() {
    this.loadData()
  },
  methods: {
    loadData() {
      this.loading = true

      axios.get('/api/data')
        .then(res => {
          this.data = res.data
          this.loading = false
        })
        .catch(err => {
          this.error = err.message
          this.loading = false
        })
    }
  }
}

在上述代码中，我们在mounted钩子函数中调用loadData方法来请求接口数据。loadData方法中使用axios进行数据请求，并将返回的数据保存在data中。如果请求出现错误，会将错误信息保存在error中。同时，我们将loading标志用于标记当前是否在加载数据。