Vue用v-for循环渲染数组数据,数组数据更新时,视图没有更新

Vue用v-for循环渲染数组数据,数组数据更新时,视图没有更新,filter,和变异方法都试过了,好像都不行,看网上有说是重复实例化vue的原因,但是不太明白。
图片说明
html是这样的
图片说明
要实现的是,点击触发but()方法,然后ajax获取数据,用v-for循环渲染出来。现在的问题是,第一次拿到数据可以正常渲染,当第二次触发方法时,ajax重新获取到新数据,vue中的data也已经改变了,但是页面上没改变。没弄懂怎么回事。

ajax 里面的shipClick:function(x){ ......} 试试呢,不要用e ,F12 console 也顺便贴下呢。。

双向数据绑定,不存在这个问题,你看下是不是this.data没有清空