VUE3——reactive对比ref

从定义数据角度对比:
。ref用来定义:基本类型数据
。reactive用来定义:对象(或数组)类型数据
。备注:ref也可以用来定义对象(或数组)类型数据,它内部会自动通过 reactive 转为代理对象

从原理角度对比:
。ref通过 object.defineProperty()的 get 与set 来实现响应式(数据劫持)
。reactive通过使用Proxy来实现响应式(数据劫持),并通过Reflect操作源对象内部的数据。

从使用角度对比:
。ref定义的数据:操作数据需要.value ,读取数据时模板中直接读取不需要.value。
。reactive定义的数据:操作数据与读取数据:均不需要.value。

相关推荐

  1. VUE3——reactive对比ref

    2024-03-27 06:28:03       19 阅读
  2. vue3refreactive对比

    2024-03-27 06:28:03       18 阅读
  3. vue3 #ref #reactive

    2024-03-27 06:28:03       29 阅读
  4. ref&reactive vue3

    2024-03-27 06:28:03       17 阅读
  5. vue3reactiveref函数及对比

    2024-03-27 06:28:03       39 阅读
  6. vue3reactiveref函数及对比

    2024-03-27 06:28:03       25 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-27 06:28:03       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-27 06:28:03       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-27 06:28:03       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-27 06:28:03       20 阅读

热门阅读

  1. 通过 Docker 实现国产数据库 OpenGauss 开发环境搭建

    2024-03-27 06:28:03       22 阅读
  2. 最大子段和和最大子矩阵|动态规划

    2024-03-27 06:28:03       16 阅读
  3. 关于Redission读写锁

    2024-03-27 06:28:03       16 阅读
  4. 为什么不是Github Copilot,不是 Devin 而是 AutoCoder

    2024-03-27 06:28:03       18 阅读
  5. 文件读写篇

    2024-03-27 06:28:03       16 阅读