当前位置: 首页 > news >正文

vue3中 ref 和 reactive 的区别

相同:均是声明响应式对象。且声明的响应式对象是深层的

1. 数据类型不同:ref用于包装JavaScript基本类型的数据(如字符串、数字、布尔值等),而reactive可以用于包装JavaScript对象和数组等复杂类型的数据。

2.访问方式不同:对于通过ref函数创建的响应式数据,我们可以通过.value属性来访问其实际值;而对于通过reactive函数创建的响应式对象,我们可以直接访问其属性或调用其方法。

3.设计理念不同:ref主要是为了解决单一元素/数据的响应式问题,而reactive则是为了解决JavaScript对象和数组等复杂数据结构的响应式问题

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 【Android】ServiceNotFoundException: No service published for: search
  • C++从入门到起飞之——string类的模拟实现 全方位剖析!
  • Webpack插件
  • 什么是报表?分析报表在零售行业中的应用,并推荐“免费高质量”的报表工具
  • 8.9 C++
  • 快速基于 ClickHouse + Grafana 搭建可观测性解决方案 - 分布式链路追踪篇(ClickHouse 官方博客)...
  • 8.8 day bug
  • Python pandas常见函数
  • 【数据结构初阶】队列
  • K8S Ingress 常用配置
  • vue项目打包问题
  • 题解:力扣1567 - 返回乘积为正数的最长子数组
  • 串行并行数据转换
  • WEB渗透Bypass篇-常规函数绕过
  • 网络安全与国家安全
  • IE9 : DOM Exception: INVALID_CHARACTER_ERR (5)
  • Android开源项目规范总结
  • ComponentOne 2017 V2版本正式发布
  • dva中组件的懒加载
  • es6--symbol
  • JavaScript类型识别
  • maya建模与骨骼动画快速实现人工鱼
  • open-falcon 开发笔记(一):从零开始搭建虚拟服务器和监测环境
  • Redis学习笔记 - pipline(流水线、管道)
  • 大型网站性能监测、分析与优化常见问题QA
  • 高性能JavaScript阅读简记(三)
  • 记一次用 NodeJs 实现模拟登录的思路
  • 通过获取异步加载JS文件进度实现一个canvas环形loading图
  • 突破自己的技术思维
  • 微信开放平台全网发布【失败】的几点排查方法
  • 学习笔记DL002:AI、机器学习、表示学习、深度学习,第一次大衰退
  • 异常机制详解
  • C# - 为值类型重定义相等性
  • k8s使用glusterfs实现动态持久化存储
  • ​必胜客礼品卡回收多少钱,回收平台哪家好
  • #HarmonyOS:Web组件的使用
  • #Ubuntu(修改root信息)
  • (3)选择元素——(17)练习(Exercises)
  • (poj1.2.1)1970(筛选法模拟)
  • (附源码)python房屋租赁管理系统 毕业设计 745613
  • (论文阅读笔记)Network planning with deep reinforcement learning
  • (原創) 如何刪除Windows Live Writer留在本機的文章? (Web) (Windows Live Writer)
  • .h头文件 .lib动态链接库文件 .dll 动态链接库
  • .Net Core 中间件与过滤器
  • .NET/ASP.NETMVC 大型站点架构设计—迁移Model元数据设置项(自定义元数据提供程序)...
  • .netcore 如何获取系统中所有session_ASP.NET Core如何解决分布式Session一致性问题
  • .project文件
  • @Builder用法
  • [ IO.File ] FileSystemWatcher
  • [2021]Zookeeper getAcl命令未授权访问漏洞概述与解决
  • [AI Google] 使用 Gemini 取得更多成就:试用 1.5 Pro 和更多智能功能
  • [AIGC] 解题神器:Python中常用的高级数据结构
  • [AndroidStudio]_[初级]_[修改虚拟设备镜像文件的存放位置]
  • [Bug]使用gradio创建应用提示AttributeError: module ‘gradio‘ has no attribute ‘inputs‘
  • [BZOJ 2142]礼物(扩展Lucas定理)