Vue基础-10-数据变更检测

Vue基础-10- 数据变更检测

再Vue中已经可以定义对象类型、基本类型数据、数组类型的数据

基本数据类型

主要基本数据类型的值发生变化，我们页面都能动态检测更新

Object对象类型

替换对象的引用、修改对象的属性值能够检测到更新。

如果你添加一个属性，删除一个属性，Vue检测不到更新。你提供一个新的对象覆盖原来的地址，Vue能够检测到更新。

1. this.user = {...this.user,age:20}

使用Vue官方提供的api来完成数据更新

1. this.$set(this.user,"age",20)

$set这个函数是Vue提供的一个能够动态新增属性的函数，

三个参数：第一个参数你要操作的对象，第二个参数添加的属性，第三个参数属性值

删除一个属性

1. // delete this.user.name
2. // console.log(this.user);
3. this.$delete(this.user,"name")

delete关键字可以删除对象指定的属性，但是Vue无法检测更新

1. this.$delete

这个函数调用后&#