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