vue双向绑定的简单实现原理 vue 双向绑定实现

简单的实现数据的双向绑定简单点说：这个方法可以修改现有对象属性的值Object.defineProperty(obj, prop, descriptor)参数说明：obj：定义属性的对象；prop：修改的属；descriptor:修改的属性描述符。

get官方：一个给属性提供 getter 的方法，如果没有 getter 则为 undefined。当访问该属性时，该方法会被执行，方法执行时没有参数传入，但是会传入this对象（由于继承关系，这里的this并不一定是定义该属性的对象）。默认为 undefined。 简单的说：当你需要取对象的属性值时，就是来调用这个函数取到值。set官方：一个给属性提供 setter 的方法，如果没有 setter 则为 undefined。当属性值修改时，触发执行该方法。该方法将接受唯一参数，即该属性新的参数值。默认为 undefined。 简单的说：当你需要设置（改变）对象的属性值时，就是来调用这个函数达到修改的数值。

双向数据绑定给人的最大的优越感就是方便。当数据data发生变化时，页面自动发生更新。但是有一个缺点也是因为自动更新而导致的，因为这样你就不知道data什么时候变了，也不知道是谁变了，变化后也不会通知你，当然你可以watch来监听data的变化，但是这变复杂了，还不如单向数据绑定。