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