Vue视图不更新原因有哪些？

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

我们可能会在处理Vue项目时，遇到数据变化但视图没有实时渲染的情况。Vue视图不渲染的原因可能包括：

1. Vue未能检测到数据变化。

2.某些JavaScript对象属性变化后，Vue无法追踪到。

3.使用了Vue不支持的属性进行绑定。

我们可能经常会在处理vue项目的时候，遇到数据变化，但是视图并没有实时渲染的情况

vue视图为什么不渲染页面的原因

当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter。Object.defineProperty 是 ES5 中一个无法 shim 的特性，这也就是为什么 Vue 不支持 IE8 以及更低版本浏览器

划重点！！！！

这些 getter/setter 对用户来说是不可见的，但是在内部它们让 Vue 追踪依赖，在属性被访问和修改时通知变化。