Vue数据更新却页面未刷新的7种情形有哪些？

本文共计2824个文字，预计阅读时间需要12分钟。

如果在Vue中遇到99.9%的情况需要强制更新，很可能是你在某个地方犯了错误。

1. Vue无法检测到实例创建时data中不存在的属性：这是因为Vue会在初始化实例时对data中的属性进行代理，如果在实例创建后添加了新的属性，Vue不会自动将其添加到响应式系统中。原因：由于Vue会在初始化实例时对data中的属性进行代理，如果在实例创建后添加了新的属性，Vue不会自动将其添加到响应式系统中。

如果你发现你自己需要在 Vue 中做一次强制更新，99.9% 的情况，是你在某个地方做错了事。

1. Vue 无法检测实例被创建时不存在于 data 中的 property

原因：由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化，所以 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的。