vue双向数据绑定

Vue双向数据绑定原理

1.属性访问器

ECMAScript中的属性分为两种:数据属性和访问器属性

  • 1 数据属性
    数据属性有4个描述其行为的特性
    [[Configurable]]可配置性
    [[Enumerable]]可枚举性
    [[Writable]]可写性
    [[Value]]值

  • 2 访问器属性
    访问器属性有4个描述其行为的特性
    [[Configurable]]可配置性
    [[Enumerable]]可枚举性
    [[Get]]读取属性
    [[Set]]设置属性
    访问器属性不能直接设置,必须使用Object.defineProperty()方法。

  • 3 Object.defineProperty定义或修改属性特性
    定义对象时添加的数据属性,其特性默认为true,要修改属性的默认特性,必须使用ECMAScript5中的Object.defineProperty()方法,此方法接受3个参数:属性所在的对象,属性的名字,一个描述符对象。
    调用Object.defineProperty()方法时,如果不指定,configurable,enumerable,writeable都为false。

  • 4定义多个属性Object.defineProperties()
    利用这个方法,可以通过描述符一次定义多个属性,接受两个参数。

  • 5读取属性特性Object.getOwnPropertyDescriptor()

MVVM框架vue实现数据绑定的方式就是属性访问器

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容