Vue 3中的unref函数:访问ref对象的底层值

597 阅读1分钟

在Vue 3中,ref是一种新的响应式数据类型,用于将普通JavaScript值转换为可观察的响应式数据。在某些情况下,您可能需要访问ref对象的底层值,而不是使用.value属性来访问它。这时,您可以使用unref函数来实现。

unref函数接受一个参数,并检查该参数是否是一个ref对象。如果是,它返回该对象的底层值;否则,它返回原始值。以下是一个示例:

import { ref, unref } from 'vue'

const count = ref(0)

console.log(unref(count)) // 0
console.log(unref(1)) // 1

在上面的示例中,我们首先创建了一个ref对象,并使用unref函数访问其底层值。然后,我们使用unref函数访问一个普通的数字,并返回该数字本身。