vue如何接收后端发来的数据

Vue可以通过Axios或者Fetch等HTTP请求库向后端发送HTTP请求，获取后端数据。获取到后端数据后，可以通过Vue的数据绑定机制，将数据绑定到Vue实例的数据属性上，从而实现数据的展示和交互。

以Axios为例，可以在Vue组件的mounted生命周期钩子中发送HTTP请求，并将后端返回的数据保存在Vue实例的数据属性中，例如：

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

<script>
import axios from 'axios';

export default {
  data() {
    return {
      items: [] // 存储后端返回的数据
    }
  },
  mounted() {
    axios.get('/api/items').then(response => {
      this.items = response.data; // 将后端返回的数据保存到items中
    }).catch(error => {
      console.log(error);
    })
  }
}
</script>

在上述代码中，mounted生命周期钩子中发送了一个GET请求，获取后端返回的数据，并将数据保存在Vue实例的items属性中。在模板中，使用v-for指令遍历items数组，将数据展示在页面上。

需要注意的是，由于Vue的数据绑定是响应式的，当数据发生改变时，Vue会自动更新页面。因此，在获取数据后，通过改变Vue实例的数据属性，可以实现数据的实时展示和交互。