vue3的CompositionAPi的不常用的API isProxy、isReactive、isReadonly、toRaw、shallowReactive等

1、reactive判断的API
isProxy
检查对象是否有reactive或readonly创建的proxy。
isReactive
①检查对象是否有reactive创建的响应式代理；
②如果这个代理是readonly建的，但是包裹了由reactive创建的另一个代理，它也会返回true;
isReadonly
检查对象是否是由readonly创建的只读代理，无论是reactive创建的或者直接包裹的对象，只要是由readonly包裹的就返回true.
toRaw
返回reactive或readonly代理的原始对象(不建议保留对原始对象的持久引用，要谨慎使用)
shallowReactive
创建一个响应式代理，它跟踪其自身property的响应性，但不执行嵌套对象的深层响应式转换(深层还是原生对象)。（浅层响应式）
shallowReadonly
创建一个proxy,使得其自身的property为只读，但不执行嵌套对象的深度只读转换(深层还是可读、可写的)。（浅层只读）

unref
获取ref中的引用value 如果参数是ref则返回内部值，否则返回参数本身。
isRef
判断值是不是一个ref对象。
shallowRef
创建一个浅层的ref对象

//例如：
const info = ref({name:"阿鑫"})
const change = ()=>{
        info.value.name = "小远远"
}

这样我们就可以直接修改name的值了，如果不想修改name的值的话我们就使用
shallowRef

const info = shallowRef({name:"阿鑫"})
const change = ()=>{
        info.value.name = "小远远"
}

这样我们再次点击change事件后name的值没有改变
triggerRef
与上面的shallowRef结合使用。如果我们像上面的change事件中还想修改值我们可以如下

const change = ()=>{
        info.value.name = "小远远"
        triggerRef(info)
        //手动触发我们就可以看到值改变了
}

customRef
可以做防抖
自定义ref

import {customRef} from 'vue'
export default function(refValue){
     let timer = null;
     return customRef((track,trigger)=>{
         return{
			get(){
			  track(); //依赖收集
			  return refValue
			},
			set(newRefValue){
			   clearTimeout(timer);
			   timer = setTimeout(function()=>{
					refValue = newRefValue;
					trigger(); //触发所有的依赖进行对应的更新；
               },300)
			}
         }
     })
}