简单理解vue的双向绑定原理

1.vue2的双向数据绑定是通过object.defineproperty 方法 它可以接收三个参数Object.defineproperty(obj, prop, desc)，

obj : 第一个参数就是某个对象

prop : 第二个参数就是某个对象的属性

desc ： 配置项，一般是一个对象

第三个参数里面还有6个配置属性

writable： 是否可重写

value： 当前值

get： 读取时内部调用的函数

set： 写入时内部调用的函数

enumerable： 是否可以遍历

configurable： 是否可再次修改配置项

还有一个简单的示例 大家可以看看 这样可以简单了解双向数据绑定 实际原理需要由浅到深 后续会一步步讲解

1.html

2.js 这里的Object.defineproperty(obj, prop, desc) 可以尝试放在类 或者函数内形成私有域 避免使用全局变量(因为垃圾回收机制不会回收全局变量，大量使用会影响性能)

若有疑问，请留言