vue2从接口获取数据

Vue2 从接口获取数据的一般流程如下：

1. 在 Vue 组件中定义一个 data 对象，用于存储接口返回的数据。

2. 在组件的 created 生命周期中，使用 Vue 的 HTTP 库（如 axios）发送请求，获取接口返回的数据。

3. 将获取到的数据赋值给 data 对象。

4. 在组件的模板中，使用数据绑定将 data 中的数据渲染到页面上。

下面是一个示例组件的代码：

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

<script>
import axios from 'axios'

export default {
  data () {
    return {
      dataList: []
    }
  },
  created () {
    axios.get('/api/data')
      .then(response => {
        this.dataList = response.data
      })
      .catch(error => {
        console.log(error)
      })
  }
}
</script>

上面的代码中，我们在组件的 data 对象中定义了一个 dataList 数组，用于存储从接口获取的数据。在 created 生命周期中，我们使用 axios 发送了一个 GET 请求，获取了接口返回的数据，并将其赋值给 dataList 数组。最后，在组件的模板中，我们使用 v-for 指令将 dataList 数组中的数据渲染到页面上。