Vue.js
Vue用v-for循环渲染数组数据，数组数据更新时，视图没有更新
粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利
Vue用v-for循环渲染数组数据，数组数据更新时，视图没有更新，filter，和变异方法都试过了，好像都不行，看网上有说是重复实例化vue的原因，但是不太明白。
function but(){
$.ajax({
type: ‘GET’,
url: “http://192.168.0.18:7202/msaWinfoServices/rest/searchShip/”,
success: function(msg) {
result = eval(’(’+msg+’)’);
let datas = result.DATAS;
var example1 = new Vue({
el: ‘#shipList’,
data:{
datas
}
});
}
});
}
html是这样的
- {{x.CM}}
<button onclick='but()'>fff</button> 要实现的是，点击触发but（）方法，然后ajax获取数据，用v-for循环渲染出来。现在的问题是，第一次拿到数据可以正常渲染，当第二次触发方法时，ajax重新获取到新数据，vue中的data也已经改变了，但是页面上没改变。没弄懂怎么回事。
