美文网首页
vue拦截原理

vue拦截原理

作者: Zach_1991 | 来源:发表于2023-01-27 14:26 被阅读0次

vue拦截原理主要是通过object的defineProperty实现的,例如:

var obj = {}
Object.defineProperty(obj,"myName",{
  get(){
    console.log("get")
  },
  set(value){
     console.log(value) //修改的属性
  }
})

📢注意vue3的变化:
Object.defineProperty有以下缺点:
1、无法监听ES6的Set、Map变化;
2、无法监听Class类型的数据;
3、属性的新加或者删除也无法监听;
4、数组元素的增加和删除也无法监听;
需要重点注意的是:
针对Object.defineProperty的缺点,ES6 Proxy都能够完美得解决,它唯一的缺点就是对IE不友好,所以vue3在检查到如果是IE的情况下(没错IE11都不支持proxy),会自动降级为Object.defineProperty的数据监听系统。

相关文章

网友评论

      本文标题:vue拦截原理

      本文链接:https://www.haomeiwen.com/subject/bmqehdtx.html