Vue3 学习笔记 —— 响应式数据的判断

isRef

• 判断一个值是否为一个 ref 对象

isReactive

• 判断一个对象是否是由 reactive创建的响应式代理

isReadonly

• 判断一个对象是否是由 readonly 创建的只读代理

isProxy

• 判断一个对象是否是由 reactive 或 readonly 创建的代理

测试

• 代码：

<template>
  <div></div>
</template>

<script lang="ts">

import {
      defineComponent, ref, reactive, readonly, isRef, isReactive, isReadonly, isProxy} from 'vue';


export default defineComponent({
     
  name: 'Child',

  setup() {
     
    let testRef = ref('ref')
    console.log('isRef:', isRef(testRef))

    let testReactive = reactive({
     })
    console.log('isReative: ', isReactive(testReactive))

    let testReadOnly = readonly({
     name: '12'})
    console.log('isReadonly: ', isReadonly(testReadOnly))

    console.log('isProxy: ', isProxy(testRef))
    console.log('isProxy: ', isProxy(testReactive))
    console.log('isProxy: ', isProxy(testReadOnly))

  }

});
</script>

• 截图：