Vue.js shallowRef()用法及代碼示例

ref() 的淺版本。

類型

function shallowRef<T>(value: T): ShallowRef<T>

interface ShallowRef<T> {
  value: T
}

細節

與 ref() 不同，淺層 ref 的內部值按原樣存儲和公開，不會進行深度反應。隻有.value 訪問是被動的。

shallowRef() 通常用於大型數據結構的性能優化，或與外部狀態管理係統的集成。

示例

const state = shallowRef({ count: 1 })

// does NOT trigger change
state.value.count = 2

// does trigger change
state.value = { count: 2 }

相關用法

注：本文由純淨天空篩選整理自vuejs.org大神的英文原創作品 shallowRef()。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。