axios渲染vue3表格

首先，需要安装axios和vue3：

npm install axios vue@next

然后，在Vue组件中引入axios：

import axios from 'axios';

接下来，在Vue组件的`data`中定义需要用到的数据：

data() {
  return {
    users: []
  }
},

然后，在`mounted`生命周期钩子中使用axios获取数据：

mounted() {
  axios.get('https://jsonplaceholder.typicode.com/users')
    .then(response => {
      this.users = response.data;
    })
    .catch(error => {
      console.log(error);
    })
},

最后，在模板中使用`v-for`渲染表格：

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Email</th>
      <th>Phone</th>
    </tr>
  </thead>
  <tbody>
    <tr v-for="user in users" :key="user.id">
      <td>{{ user.name }}</td>
      <td>{{ user.email }}</td>
      <td>{{ user.phone }}</td>
    </tr>
  </tbody>
</table>