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的值

  • 7
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值