对Vue为什么不支持IE8的解释之一

Posted 2021-11-29 yuanchao-blog

在javascript对象中有一个Object.defineProperties(obj, props)方法
该方法主要用来给指定对象添加自定义属性
可以接收两个参数：
第一个参数
要定义或者修改属性的对象
props参数
要定义其可枚举属性或修改的属性描述符的对象。对象中存在的属性描述符主要有两种：数据描述符和访问器描述符具体描述符有以下几个：

• configurable:
  true 当且仅当该属性描述符的类型可以被改变并且该属性可以从对应对象中删除。
  默认为 false
• enumerable:
  true 当且仅当在枚举相应对象上的属性时该属性显现。
  默认为 false
• value:
  与属性关联的值。可以是任何有效的JavaScript值（数字，对象，函数等）。
  默认为 undefined.
• writable:
  true当且仅当与该属性相关联的值可以用assignment operator改变时。
  默认为 false
• get:
  作为该属性的 getter 函数，如果没有 getter 则为undefined。函数返回值将被用作属性的值。
  默认为 undefined
• set:
  作为属性的 setter 函数，如果没有 setter 则为undefined。函数将仅接受参数赋值给该属性的新值。
  默认为 undefined

Vue的数据代理实现使用了JavaScript的Object.defineProperties(obj, props)方法，由于IE8不支持此方法，所以Vue自然也不支持IE8

Vue框架使用了MVVM模式，
这个GitHub仓库利用Object.defineProperties(obj, props)方法实现了和Vue一样的的数据代理,对MVVM做了详细的解释和实现。