isRef 是一个简单的工具函数,它接受一个参数并返回一个布尔值,指示该参数是否是一个由 ref 创建的响应式引用。
在某些情况下,你可能需要编写一些通用逻辑或函数,这些逻辑或函数需要处理不同类型的响应式数据(如 ref 和 reactive 创建的数据)。
import { isRef, reactive, ref } from 'vue';
function getValue(data) {
if (isRef(data)) {
return data.value;
} else {
// 假设 data 是一个由 reactive 创建的对象,并且我们想要访问其名为 'prop' 的属性
return data.prop;
}
}
const count = ref(0);
const obj = reactive({ prop: 'Hello' });
console.log(getValue(count)); // 输出: 0
console.log(getValue(obj)); // 输出: 'Hello'