vue3中 ref 和 reactive 的区别

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

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

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

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

相关推荐
山水阳泉曲1 天前
开发后台管理系统-开发环境搭建
vue3·cdn·后台管理·从零开始
陈逸子风2 天前
.net core8 使用JWT鉴权(附当前源码)
vue3·webapi·权限·流程
小许_.4 天前
vite+vue3快速构建项目+router、vuex、scss安装
前端·css·vue3·vite·scss
行思理5 天前
UniApp 从Vue2升级为Vue3需要注意哪些方面
javascript·vue.js·uni-app·vue3·vue2
唯之为之7 天前
vue3项目部署到Github
vue·github·pnpm·vue3·vite
一雨方知深秋7 天前
vue3 项目中使用git
css·git·gitee·html·vue3
陈逸子风7 天前
.net core8 使用Swagger(附当前源码)
vue3·webapi·权限·流程
奶昔不会射手8 天前
vue3项目,本地页面正常显示,打包后页面空白
vue3·vue-router
Modify_QmQ8 天前
leaflet【十】实时增加轨迹点轨迹回放效果实现
vue3·leaflet·轨迹回放·实时增加轨迹
开心小老虎9 天前
vue3_对接腾讯_实时音视频
vue3·实时音视频·腾讯