VUE3——reactive对比ref

news/2024/7/9 23:55:42 标签: vue

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

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

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


http://www.niftyadmin.cn/n/5461390.html

相关文章

github配置ssh

生成公钥 在电脑用户的目录下打开终端执行 ssh-keygen -t rsa: 执行完不要关 配置文件 看看用户的目录里 .ssh 目录: Host github.comHostname ssh.github.comPort 443配置公钥 复制 id_rsa.pub 文件里的内容 粘贴到 github上 连接密钥 回到刚才的终端…

大模型web服务部署—open-webui

大模型web服务部署—open-webui 这里我们使用的是一个叫做open-webui的开源项目 目前这个项目在Github 上已经得到了比较高的star 数 这个项目提供了多种部署方式,这里我们使用docker 进行部署,如果你的web 服务和你的模型服务在同一个节点上,可以使用下面的命令 docker r…

VUE 视图不刷新解决方法

折腾VUE总会遇到这种问题,一直以来都是想用各种方法凑合,网上一般也是方法各异,像this.$updateForce强制刷新视图(基本无效),还有用vue的set方法、js的splice方法设置数据,但这并不能解决所有问…

simulink+stm32+keil:使用Simulink点亮STM32的LED灯

https://pan.baidu.com/s/1lsP2Ev8oDAhPEYmF2X6s9g?pwdcum4 提取码: cum4 stateflow中的after函数并不能起到延时作用,不知道哪里有问题,只好改成全局变量k_count. 1ms定时器中断中需要改变k_count,main中需要调用simulink的生成代码。

【二】【设计模式】建造者模式

建造者模式的引入 //C10_1.cpp #include <stdio.h>#include "SystemConfig.h"int main() {SystemConfig config("mysql://127.0.0.1/", "xiaomu", "xiaomumemeda","redis://127.0.0.1/", "xiaomuredis", &q…

数据结构奇妙旅程之深入解析希尔排序

希尔排序&#xff08;Shell Sort&#xff09;是插入排序的一种更高效的改进版本&#xff0c;也称为缩小增量排序。希尔排序是非稳定排序算法。 希尔排序的基本思想是&#xff1a;先将整个待排序的记录序列分割成为若干子序列&#xff08;由相隔某个“增量”的记录组成&#xf…

Spark-Scala语言实战(8)

在之前的文章中&#xff0c;我们学习了如何在spark中使用RDD方法的map,sortby,collect。想了解的朋友可以查看这篇文章。同时&#xff0c;希望我的文章能帮助到你&#xff0c;如果觉得我的文章写的不错&#xff0c;请留下你宝贵的点赞&#xff0c;谢谢。 Spark-Scala语言实战&…

2.快速排序

快速排序 思想&#xff1a;双指针法&#xff08;左右指针法&#xff09; 时间复杂度&#xff1a;O(n log n)&#xff08;最理想的情况下&#xff09; 最坏的情况&#xff1a;输入的数组已经是有序的或者接近有序时 快速排序的性能会退化到O(n^2) 我们的快速排序其实就是让两…