Vue.js Object.defineProperty双向绑定，究竟有何神奇之处？

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

Vue.js 2.0 版本的双向数据绑定是通过 `Object.defineProperty` 方法实现的，通常被称为属性拦截器。简单来说，Vue.js 通过这个方法实现了双向绑定，即当数据变化时视图更新，反之亦然。这种属性拦截器专门用于监控对象属性的变化。

vue.js 2.0版的双向数据绑定就是通过Object.defineProperty方法实现的，俗称属性拦截器。

这么说吧，vue.js是通过它实现双向绑定的。俗称属性拦截器。而且专门用来监控对象属性变化的Object.observe方法也被草案发起人撤回了(此方法在node环境中仍能使用)。可见defineProperty的威力之大。

Object.defineProperty() 不支持ie8

方法会直接在一个对象上定义一个新属性，或者修改一个已经存在的属性， 并返回这个对象。