当改变数组中索引找到的对象的一部分时，如何触发更新？
这些文档展示了如何更改数组的值:
Vue.set(example1.items, indexOfItem, newValue)
或
example1.items.splice(indexOfItem, 1, newValue)
但是如何在不改变对象其余部分的情况下改变数组中对象的属性值呢？
The following w或ks to update the property, but Vue doesn't react to the change until something else triggers an update.
example1.items[indexOfItem].some_object_property = false
只要调用set()一次来设置数组中的对象(使用要更新的属性)，Vue就会对对象属性的更改做出react .下面是一个示例，其中一个对象数组在应用程序的数据中初始化，另一个对象数组在安装时手动设置(使用Vue.set()).单击该按钮会更新每个数组中一个对象的属性，Vue会做出react .注意，在mount()中发生的set()调用实际上随时都可能发生.
https://codepen.io/jordan-kalosal/pen/VrwjoR
new Vue({
el: "#app",
data: {
arr: [
{
property: 'OBJ1 Prop'
},
{
property: 'OBJ2 Prop'
}
],
setLater: false
},
mounted() {
this.$set(this, 'setLater', [
{
property: 'setLater OBJ1 Prop'
},
{
property: 'setLater OBJ2 Prop'
}
])
},
methods: {
_updateObjProps() {
this.arr[0].property = (new Date()).toString();
this.setLater[0].property = (new Date()).toString();
}
}
})