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

接受一個內部值並返回一個反應性和可變的 ref 對象，它有一個指向內部值的屬性 .value。

類型

function ref<T>(value: T): Ref<UnwrapRef<T>>

interface Ref<T> {
  value: T
}

細節

ref 對象是可變的 - 即您可以將新值分配給 .value 。它也是反應式的 - 即任何對 .value 的讀取操作都會被跟蹤，而寫入操作將觸發相關的效果。

如果將對象分配為 ref 的值，則該對象將與 reactive() 發生深度反應。這也意味著如果對象包含嵌套的 ref，它們將被深度展開。

為避免深度轉換，請改用 shallowRef() 。

示例

const count = ref(0)
console.log(count.value) // 0

count.value++
console.log(count.value) // 1

相關用法

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