在vue3中 写一个假接口来获取数据

在Vue3中，可以使用axios、fetch或者Vue Resource等库来模拟假接口，以下是使用axios库来模拟假接口的示例代码：

1. 首先，在项目中安装axios库：

npm install axios

2. 在需要使用假接口的组件中，引入axios库：

import axios from 'axios';

3. 在组件的data中定义一个变量用于存储获取到的数据：

data() {
  return {
    fakeData: null
  }
},

4. 在组件的mounted钩子中使用axios来模拟获取数据：

mounted() {
  axios.get('/api/fakeData')
    .then(response => {
      this.fakeData = response.data;
    })
    .catch(error => {
      console.error(error);
    });
},

5. 在组件的模板中使用获取到的数据：

<template>
  <div>
    <ul>
      <li v-for="item in fakeData" :key="item.id">{{ item.name }}</li>
    </ul>
  </div>
</template>

在上述代码中，假接口的URL为/api/fakeData，你可以根据实际情况修改URL。在实际开发中，你可以根据需要配置假接口的URL和返回的数据结构，这样就可以模拟获取数据了。