18910140161

Vue3.x 中 shallowReactive 响应式问题

顺晟科技

2021-06-23 18:00:05

336

向大家请教一下 vue3.x 中 shallowReactive 问题,先在此谢谢大家啦。。


顺晟科技:

shallow :有 ‘浅’ 的意思顾名思义这个是无法做到深度监听的,

数据发生改变,但视图没有更新(因为 shallowReactive 只转换对象的层为响应式数据)

种情况:通过事件改变数据

shallowReactive 监听了层属性的值,一旦发生改变,则更新视图;其他层,虽然值发生了改变,但是视图不会进行更新

结果:

数据发生变化,页面也会更新,这是为什么???

结果:

所以,不用大惊小怪的。

第二种方式,你是改完了,才交给模板的。

或者定义一个新的 reactive ,在 handleClick 里面改这个新的,和 person.brother.name = ‘zlz’ 。然后你会发现,模板里面的 person.brother.name 也更新了。

问题: 文档说 shallowReactive 只会转换对象的层为响应式数据,为什么采用在第二种情况中更改数据时会触发页面的更新??,大家知道是为什么吗??

第二种情况:

还有其他方式,比如,种方法,

然后你会发现 模板里面的 person.brother.name 也变了。

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航