Vue3 响应式 API:工具函数(一)-isRef

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'
上一篇:C++ 数据共享与保护学习记录【代码】