在vue.js中，每隔5秒需要刷新一次接口，刷新接口的时候如果有新数据，就加在下面，如果没有新数据

Question

在vue.js中，每隔5秒需要刷新一次接口，刷新接口的时候如果有新数据，就加在下面，如果没有新数据那还是个数据，怎么实现？(有了数据dome也跟着跟新)页面的效果是这样的每一个粉色的都是一个对象数据结构是这样的每隔5秒刷新一次，每次刷新如果有新数据的话直接添加在数组里面(触发dome的更新)，没有新数据的话，还是原来的样子，问下怎么实现呢？如果没有新数据的话有了新数据下标由原来的0 1 增加 2 3 问下怎么实现呢？

Answer 1

哥们，这个页面遇到不少问题啊，加个定时器，一直执行某个方法，然后用下面这种方法添加进数据

Answer 2

let _this = this

let timer = setInterval(()=>{

    axios.get(url,(res)=>{

        // TODO 返回结果的判断

        ...

        _this.list.push(res)

    })

},500)

vue能够在push，shift，unshift等方法时响应