• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • shallowRef()

    浅版本的ref()

    类型

    function shallowRef<T>(value: T): ShallowRef<T>
    
    interface ShallowRef<T> {
      value: T
    }
    


    细节

    ref()不同,浅层ref的内部值按原样存储和暴露,不会被深度响应。只跟踪自身.value变化。

    shallowRef()通常用于大型数据结构的性能优化,或与外部状态管理系统的集成。


    例子

    const state = shallowRef({ count: 1 })
    
    // 追踪变化
    state.value = { count: 2 }
    
    // 不能追踪变化
    state.value.count = 2
    

    上篇:isReadonly()

    下篇:shallowReactive()