为什么Vue3双向绑定使用Proxy

Vue2
  • 使用Object.defineProperty
  • 无法监听删除属性的操作
  • 需要遍历目标对象的所有属性并加上 setter getter 才能监听
  • 对于对象的新增属性,需要手动监听
  • 在遇到一个对象的属性还是一个对象的情况下,需要递归监听。
  • 对于数组通过push、unshift方法增加的元素,也无法监听
Vue3
  • 使用Proxy双向数据绑定
  • Proxy代理的是整个对象,而不是对象的某个特定属性,不需要我们通过遍历来逐个进行数据绑定。
  • Object.defineProperty中的问题都能解决.
  • Proxy支持13种拦截操作
  • Proxy常常搭配Reflect使用
相关文档

一文搞懂Object.defineProperty和Proxy,Vue3.0为什么采用Proxy?
vue 3.0 Proxy的使用

相关推荐

  1. 为什么Vue3双向使用Proxy

    2024-01-31 00:14:03       45 阅读
  2. vue3组件数据双向

    2024-01-31 00:14:03       29 阅读
  3. vue 双向

    2024-01-31 00:14:03       15 阅读
  4. Vue 双向数据

    2024-01-31 00:14:03       18 阅读
  5. vue双向/小程序双向

    2024-01-31 00:14:03       21 阅读
  6. Vue为什么Vue3使用Proxy代替defineProperty?

    2024-01-31 00:14:03       33 阅读
  7. Vue双向数据原理

    2024-01-31 00:14:03       45 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-31 00:14:03       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-31 00:14:03       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-31 00:14:03       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-31 00:14:03       18 阅读

热门阅读

  1. 飞往前端的第二天

    2024-01-31 00:14:03       33 阅读
  2. SpringMVC初始化源码学习

    2024-01-31 00:14:03       34 阅读
  3. Chinese and English names of 45 common character symbols

    2024-01-31 00:14:03       28 阅读
  4. Map和Set

    Map和Set

    2024-01-31 00:14:03      34 阅读
  5. 如何编写.gitignore文件

    2024-01-31 00:14:03       28 阅读