怎样将数据变成响应式数据

2021-04-28  本文已影响0人  新苡米

响应式数据

响应式数就是数据在变化的时候,会驱动视图更新,
简单来说就是数据驱动视图更新。

当数据没有初始化,直接修改,那么数据就不是响应式的数据

解决方法:
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()
上一篇 下一篇

猜你喜欢

热点阅读