vue 请求接口返回数据渲染后发起请求

您可以在 Vue 组件中使用生命周期钩子函数 `mounted` 来发起请求并渲染数据。

例如，假设您有一个组件 `UserList`，需要从后端接口获取用户列表并渲染到页面上。可以在 `mounted` 钩子函数中使用 Vue 的内置 `axios` 库发起请求，并将返回的数据赋值给组件的 `users` 数据属性。

<template>
  <div>
    <h2>User List</h2>
    <ul>
      <li v-for="user in users" :key="user.id">{{ user.name }}</li>
    </ul>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      users: [],
    };
  },
  mounted() {
    axios.get('/api/users').then((response) => {
      this.users = response.data;
    });
  },
};
</script>

在上面的例子中，我们使用了 `axios.get` 方法发起了一个 GET 请求，并将返回的数据赋值给组件的 `users` 数据属性。然后，在模板中使用 `v-for` 指令来遍历用户列表并渲染到页面上。

需要注意的是，这只是一个简单的示例代码，实际使用中还需要考虑错误处理、loading 状态等情况。