文章目录
- 什么是数据驱动
- 那么vuejs是如何实现这种数据驱动的呢？
- 对getter/setter的理解？
- 一个简单的演示例子
vue数据驱动原理是：采用数据劫持结合发布者和订阅者模式，通过“object.defineproperty()”来劫持各个属性的setter、getter，在数据变动时发布消息给订阅者，触发相应监听回调。
什么是数据驱动
数据驱动是vue.js最大的特点。在vue.js中，所谓的数据驱动就是当数据发生变化的时候，用户界面发生相应的变化，开发者不需要手动的去修改dom。
比如说我们点击一个button，需要元素的文本进行是和否的切换。在jquery中，对于页面的修改我们一般是这样的一个流程，我们对button绑定事件，然后获取文案对应的元素dom对象，然后根据切换修改该dom对象的文案值。
那么vuejs是如何实现这种数据驱动的呢？
vue实现数据双向绑定主要是：采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty（）来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应监听回调。
当把一个普通 Javascript 对象传给 Vue 实例来作为它的 data 选项时，Vue 将遍历它的属性，用 Object.definePropert
标签：劫持,vue,Vue,原理,驱动,getter,数据,setter From： https://blog.csdn.net/bjzhang75/article/details/144152074