vue获取后端数据并显示

要在Vue中获取后端数据并显示，您需要使用Vue.js的异步请求方法，例如axios或fetch。以下是一个简单的示例：

1. 安装axios

npm install axios

2. 在Vue组件中导入axios

import axios from 'axios';

3. 使用axios发出异步请求

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

这个例子中，我们在组件的mounted钩子函数中使用axios发出GET请求，并将响应数据存储在组件的data属性中的users数组中。

4. 在模板中显示数据

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

在模板中，我们使用v-for指令循环遍历users数组，并使用数据绑定语法显示每个用户的名称。

以上是一个简单的示例，您需要根据您的后端API的具体情况进行调整。