Vue3 isRef详解

在Vue 3中，ref是一个新的响应式数据类型，用于将普通JavaScript值转换为响应式数据。它是通过包装原始值并提供访问该值的.value属性来实现的。例如：

import { ref } from 'vue'

const count = ref(0)

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

但是有时候，您可能想要将一个普通的JavaScript值转换为可观察的，但是不希望通过.value属性访问该值。这就是isRef函数的用途。它接受任何值作为参数，并检查该值是否为ref对象。

以下是一个示例：

import { ref, isRef } from 'vue'

const count = ref(0)

console.log(isRef(count)) // true
console.log(isRef(count.value)) // false

const name = 'Tom'

console.log(isRef(name)) // false

在上面的示例中，我们首先将数字0包装在ref中，然后使用isRef函数检查它是否为ref对象。然后，我们检查count.value，并确定它不是ref对象，而是一个普通的JavaScript值。最后，我们检查一个普通字符串name，并确定它不是ref对象。