vue2.5中数组到底啥时候会有更新问题

看一个例子:

界面是这样的

点第一个会显示年龄，点第二个则不会

因为vue2.5 是基于Object.defineProperty()，没这个属性就劫持不了，改变时也触发不了DOM更新

改成下面可以更新

    onAgeShow(item, index) {
      this.list.splice(index, 1, { ...item, age: 12 });
    },

vue拦截了数组原型链上的一些方法

用数组原型链上的splice就不行了

    onAgeShow(item, index) {
      Array.prototype.splice.call(this.list, index, 1, { ...item, age: 12 });
    },

所以，像lodash 一些库去操作就会出问题

改变引用也可以解决

    onAgeShow(item, index) {
      item.age = 13;
      this.list = [...this.list];
    }

结语

很多情况下确实不好提前声明所有的属性...
早点用3.0 吧