vue3基础类型和引用类型,和store的使用

案例一:

如果我在store创建一个变量,是读取缓存key为name的数据,
store.name 默认值是张三

# 声明一个变量 
const title = ref(store.name) 
# 然后修改title.value = "李四",
# 问:打印store.name,会显示李四吗?# 再换一个写法
const title =  computed({get() {return store.name },set(v:string) {store.set(v)},
})# 如果改title.value = "李四", 
# 问:打印store.name,会显示李四吗?

答案是:不会改变store.name的值

案例二

store里的listv是一个引用类型,初始值是空对象,如果在页面用ref初始化一个 listv,初始值是store里的listv,如果修改了listv对象,那store里的listv会不会改变

video.listv获取到到是store里的listv

在这里插入图片描述
答案是:会改变store里面listv的值

在这里插入图片描述

结论:
基础类型不会响应store的值,
引用类型是可以响应store的值

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/337407.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

设计模式⑤ :一致性

一、前言 有时候不想动脑子,就懒得看源码又不像浪费时间所以会看看书,但是又记不住,所以决定开始写"抄书"系列。本系列大部分内容都是来源于《 图解设计模式》(【日】结城浩 著)。该系列文章可随意转载。 …

c++学习笔记-STL案例-演讲比赛管理系统1

目录 1演讲比赛需求 1.1 比赛规则 1.2 程序功能 2.项目创建 2.1 创建新项目 2.2 添加文件 3.3 文件添加成功 3.创建管理类 3.1 功能描述 3.2 创建文件 4 菜单功能 4.1 功能描述 4.2 添加成员函数 4.3 菜单功能实现 4.4 main()函数中调用 4.5 实现结果 5 退出系…

Open CASCADE学习|一种快速定位缺失的链接库的方法

OCCT代码中,缺少链接库一般报错LNK2019、LNK1120等,如下表所示。该错误说明中提供了类名及成员函数,这是找到缺少的链接库的线索。 严重性 代码 说明 项目 文件 行 禁止显示状态 详细信息 错误 LNK2019 无法解析的外部符号 "p…

Git远端删除的分支,本地依然能看到 git remote prune origin

在远端已经删除ylwang_dev_786等三四个分支,本地git branch -a 时 依然显示存在。 执行 git remote show origin 会展示被删除的那些分支 当你在Git远程仓库(如GitLab)上删除一个分支后,这个变更不会自动同步到每个开发者的本地…

手轮脉冲平滑处理笔记

这是一个求手脉倍率((Hw_Control.mult_ratio)与手脉脉冲计数延迟次数即累计过去n次的平均值(Hw_Control.lag_num)之间关系算法的计算过程笔记文档 1、已知 mult_ratio=1时 lag_num=10; mult_ratio=10时 lag_num=20; .mult_ratio==100时 lag_num=30; 以此类推 2、设lag_num…

狄克逊(Dixon)检验

目录 1.介绍:2.效果:小结: 1.介绍: 狄克逊检验法是一种用于检测异常值的统计方法,它是一种非参数的方法,可以有效地寻找数据集中不正常的观测值。该方法由美国统计学家布鲁斯E狄克逊(Bruce E. …

面试算法105:最大的岛屿

题目 海洋岛屿地图可以用由0、1组成的二维数组表示,水平或竖直方向相连的一组1表示一个岛屿,请计算最大的岛屿的面积(即岛屿中1的数目)。例如,在下图中有4个岛屿,其中最大的岛屿的面积为5。 分析 将岛屿…

海豹目标检测数据集VOC格式300张

海豹,一种可爱而迷人的海洋哺乳动物,以其独特的形态和特点而备受人们的喜爱。 海豹的体型流线型,非常适合在水中游动。它们的头部圆润,身体光滑,有着一对大大的眼睛和一对小耳朵。海豹的四肢演化成了鳍状肢&#xff0…

14:00面试,14:07就出来了,问的问题有点变态。。。

前言 刚从小厂出来,没想到在另一家公司我又寄了。 在这家公司上班,每天都要加班,但看在钱给的比较多的份上,也就不太计较了。但万万没想到一纸通知,所有人不准加班了,不仅加班费没有了,薪资还…

动态设置某个el-step的状态

保存后的步骤条显示绿色&#xff0c;未保存显示蓝色 饿了么官网文档中有写单个步骤设置状态的参数 前端页面中el-step中:status需要绑定变量 :status"stepStatus[0]" <el-steps class"steps_class" :active"active" align-center><el…

最新发布的Edge扩展插件:安装位置一览

目录 学习目标&#xff1a; 学习内容&#xff1a; 学习时间&#xff1a; 学习产出&#xff1a; Edge扩展插件的介绍&#xff1a; Edge扩展插件的安装位置&#xff1a; Edge扩展插件的管理方式&#xff1a; Edge扩展插件的启用和禁用&#xff1a; 学习目标&#xff1a; 了解Edg…

Linux——firewalld防火墙(二)

一、firewalld高级配置 1、IP地址伪装 地址伪装&#xff08;masquerade):通过地址伪装&#xff0c;NAT设备将经过设备的包转发到指定接收方&#xff0c;同时将通过的数据包的源地址更改为其自己的接口地址。当返回的数据包到达时&#xff0c;会将目的地址修改为原始主机的地址…