响应式数据
响应式数就是数据在变化的时候,会驱动视图更新,
简单来说就是数据驱动视图更新。
当数据没有初始化,直接修改,那么数据就不是响应式的数据
解决方法:
1 请初始化数据
//在data数据里初始化
data(){
return:{
user:{
name:'张三',
//age:undefined
}
}
}
2 直接给父级响应式的数据赋值
this.user={...this.user,age:22}
3 通过$set给响应式数据添加数据后,该属性自动具有响应式的特性
//this.set(要添加的对象或者数组,属性或索引,值)
this.set(this.user,'age',24)
4 调用this.$forceUpdate()强制更新方法
this.user.age=20
this.$foreUpdate()
网友评论