Vue双向绑定源码学习，如何改写为长尾词？

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

原理+当你将一个普通的+JavaScript+对象传递给+Vue+实例的+data+选项时，Vue+将遍历此对象所有的属性，并使用+Object.defineProperty+将这些属性全部转为getter/setter。+Object.defineProperty+是+ES5+中一个没有的API。

原理

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

上面那段话是Vue官方文档中截取的，可以看到是使用Object.defineProperty实现对数据改变的监听。Vue主要使用了观察者模式来实现数据与视图的双向绑定。