vue2中如何每隔几秒调用一次接口数据完整代码

在Vue2中，可以使用`setInterval()`函数来实现每隔一段时间调用接口获取数据的功能。

以下是一个示例代码：

<template>
  <div>
    <!-- 显示接口数据 -->
    <ul>
      <li v-for="item in data" :key="item.id">{{ item.name }}</li>
    </ul>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  data() {
    return {
      data: [], // 存储接口数据
    }
  },
  mounted() {
    // 页面加载后立即调用一次接口
    this.getData()

    // 每隔5秒调用一次接口
    setInterval(() => {
      this.getData()
    }, 5000)
  },
  methods: {
    getData() {
      axios.get('your-api-url').then(response => {
        this.data = response.data
      })
    },
  },
}
</script>

在上述代码中，我们使用`setInterval()`函数每隔5秒调用一次`getData()`方法来获取接口数据，并将数据存储在`data`属性中，然后在模板中使用`v-for`指令遍历显示数据。

注意：为了防止重复调用，我们在页面加载后立即调用一次`getData()`方法，而不是等待5秒后再调用。