在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等方法时响应