Vue数据双向绑定是如何在底层实现的？

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

简介：Vue 是一种独特的特性之一，其非侵入性的响应式系统是其显著特点。数据模型仅使用普通的 JavaScript 对象。当你修改这些对象时，视图会自动更新。简单来说，就是数据变，视图变。当你把一个普通的...

简介：

Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。简单的说，就是数据变视图变。

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