Vue isRef()、unref()、isProxy()、isReactive()、isReadonly()简介

isRef()

@说明：判断值是否是ref类型

@返回：[boolean]

<script setup>
    import {
        ref,
        isRef    
    } from 'vue'

    const studentNumber = ref(40) // 班里学生数
    console.log(isRef(studentNumber)) // true
</script>

 

unref(<任意类型>)

@说明：如果参数是 ref，则返回内部值，否则返回参数本身

@返回：[Any]

@注意：如果参数是reactive类型，则返回结果仍是reactive类型，即也具有响应性，此时是关联的。

<script setup>
    import {
        ref,
        unref      
    } from 'vue'

    const studentNumber = ref(40) // 班里学生数
    var nums = unref(studentNumber)
    console.log(nums) // 打印结果为 40

    studentNumber.value = 123 //修改原值，不会改变nums的值，同样修改nums也不会改变studentNumber
</script>

 

isProxy()

@说明：检查一个对象是否是由 reactive()、readonly()、shallowReactive() 或 shallowReadonly() 创建的代理。

@返回：[boolean]

 

isReactive() 

@说明：检查一个对象是否是由 reactive() 或 shallowReactive() 创建的代理。

@返回：[boolean]

 

isReadonly()

@说明：检查一个对象是否是由 readonly() 或 shallowReadonly() 创建的代理。

@返回：[boolean]