shallowRef和shallowReactive

一,前言

1.相对于refreactiveshallowRefshallowReactive创建的数据是浅响应式的

二,shallowRef介绍

1.shallowRef可以创建一个跟踪自身 .value 变化的 ref,但不会使其值也变成响应式的

2.当使用shallowRef为一个基础类型数据创建响应性时,行为是和ref一样的。

3.不同的是,当使用shallowRef为复杂类型创建响应性时,修改深层属性,不具备响应性

const a = shallowRef({b:1})
a.value.b = 2  //视图不会更新
console.log(a.value) //{b : 2} 但是能追踪到值得变化

a.value={b:2} //一整个替换时,视图会变化

三,shallowReactive介绍

1.创建一个响应式代理,它跟踪其自身 property 的响应性,但不执行嵌套对象的深层响应式转换 (暴露原始值)

2.相对于reactiveshallowReactive只有最外层的属性是响应的

const state = shallowReactive({
  foo: 1,
  nested: {
    bar: 2
  }
})

// 改变 state 本身的性质是响应式的
state.foo++
// ...但是不转换嵌套对象
isReactive(state.nested) // false
state.nested.bar++ // 非响应式
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值