<template>
  <h2>响应式数据的判断</h2>
</template>

<script lang="ts">
import { defineComponent ,ref,isRef, isReactive, reactive, isReadonly, readonly, isProxy} from 'vue'

export default defineComponent({
  //isRef
  //isReactive
  //isReadonly
  //isProxy
  setup () {
    //isRef: 检查一个值是否为ref对象
    console.log(isRef(ref({})))
    //isReactive检查一个对象是否是reactive创建的响应式代理
    console.log(isReactive(reactive({})))
    //isReadonly 检查一个对象是否是由readonly创建的只读代理
    console.log(isReadonly(readonly({})))
    //isProxy 检查一个对象是否是由reactive或者readonly方法创建的代理
    console.log(isProxy(readonly({})))
    console.log(isProxy(reactive({})))
    return {}
  }
})
</script>

<style scoped>

</style>