15.使用ref比reactive更好的几种场景

这节课，我们来看下 ref 和 reactive 哪个更好。

在 Vue3 中，对于使用 ref 还是 reactive 经常会感到迷茫，有的小伙伴可能会想，基本数据类型用 ref ，对象用reacitve 就对了，其实不然， ref 也可以用于对象，所以，到底是 ref 比较好，还是 reactive 更好，这都很难说，还是得看具体的场景。

这里，有几情况：用 ref 比用 reactive 好。

在对象上使用 ref，可以很容易的就看出该对象是一个响应式对象，如：

// 看到 .value 就能大概知道该对象是响应式的了
if (userInfo.value.name) {// todo
}

15.使用ref比reactive更好的几种场景相关推荐

ref、 reactive、toref、torefs的用法，区别
ref. reactive.toref.torefs的用法,区别 ref 接受一个内部值并返回一个响应式且可变的 ref 对象.ref 对象仅有一个 .value property,指向该内部值 co ...
vue3.0语法糖及ref、reactive、toRef、toRefs的区别
vue3.0语法糖前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的.包括语音识别.机器翻译等从基础到实战都有,很详细,分享给大家. 1.什么是setup语法糖起初 ...
Vue3.x 使用ref和reactive、toRef
文章目录一.使用ref 1. 引入 2. 定义ref变量 3. 赋值+.value 4. return 返回值 5. 将数据渲染到页面二.使用reactive 和 toRef 1. 引入 2. 定 ...
iOS 15 如何让 App 启动更快？
译者 | 无阻我飞扬责编 | 晋兆雨出品 | CSDN(ID:CSDNnews) WWDC21中最有趣的特性被深深地隐藏在 Xcode 13发布说明中: 部署在 macOS 12 或 iO ...
【Vue3】李南江老师讲解--个人笔记（二）ref 和 reactive详解
[vue3笔记之 ref 和 reactive ] 实现响应式数据的方法可以使用 ref,reactive定义响应式数据,本质上就是将传入的数据包装成一个Proxy对象. 使用 reactive 必 ...
vue3中的ref 和 reactive 定义数组
在vue3中,定义响应式数据一般有两种方式:ref 和 reactive 一般来说,我们使用 ref 来定义基本数据类型,使用 reactive 来定义复杂数据类型但是也可以使用 ref 来定义数组 ...
vue3 - ref和reactive的区别
文章搬运自wx60d4764eb475e 的vue3中ref和reactive的区别(系列六) 1. ref和reactive区别: 如果在template里使用的是ref类型的数据, 那么V ...
ref，reactive toRaw
ref() 在vue3.0引入了composition API , setup函数是其核心函数在setup函数中,可以使用ref函数,用于创建一个响应式数据,当数据发生改变时,Vue会自动更新UI ...
Vue3 的 ref 和 reactive 问题
如果你使用过 Vue3,你知道的,在 Vue3 中有两个非常常用的响应式 API:reactive 和 ref.它们会把我们想要追踪的数据变成响应式. 而且我们在使用时一直被告知 ref 用于创建基础 ...

15.使用ref比reactive更好的几种场景

15.使用ref比reactive更好的几种场景相关推荐

最新文章

热门文章