记录一下关于vue2对象属性的添加以及通过数组下标修改值的问题

问题描述

可以通过this.$set(或Vue.set)方法进行添加或修改。
但是对其中的一个属性使用$set()后，其他的属性没有用$set()却也可以在页面更新。

this.person.sex='女'
this.person.job='学生'
this.$set(this.person.hobby,0,'睡觉')

效果如下

修改前

修改后

person.sex和person.job没有通过$set()修改但页面也更新了。