1.修改层级过深的对象或数组的值:$set()
在 Vue 2 中,$set 方法用于在响应式对象中添加新的响应式属性或更新已有的属性
使用示例:
this.$set(object, propertyName, value);
- object: 需要添加或更新属性的对象
- propertyName: 要添加或更新的属性名称
- value: 新的属性值
在示例代码中,this.$set 方法将在 object 对象中添加一个名为 propertyName 的新属性,并将其值设置为 value
具体案例:
假设在 Vue 组件的数据对象 data 中有一个属性 userInfo,你想要动态地设置 userInfo 对象的新属性 age,可以使用 $set 方法来实现:
this.$set(this.userInfo, 'age', 25);
这样,userInfo 对象就会被更新,添加了一个新属性 age,并且这个属性是响应式的,可以立即更新到视图中。
请注意,$set 方法只能用于在响应式对象中添加或更新属性,并且只能在 Vue 实例或组件的方法中使用。在 JavaScript 普通的对象上使用 $set 方法是无效的。