v-for遍历的数组更新后，视图没有刷新

今天遍历后台的res.list，某种情况list为null，结果v-for遍历的数据展示的是上一次遍历的数据，但是并没有报错，查找下才知道自己的写法有问题
之前写法都是
this.XXX = res.data.list
当你利用索引直接设置一个项时或者当你修改数组的长度时，vue都不会监测到数组的变化，但很奇怪的是，只有数组为空时我才遇到了这个问题。
现在改用此写法：
res.data.list.map(item=>{
this.XXX.push(item)
})
需要注意的是之前需要将XXX数组置为空，否则会push两次。
但是这样会导致一段数组的空白，怎么解决呢：
①调用另外一个数组push，最后将这个数组赋值给XXX
②运动loading加载动画来过渡。