VUE3-响应式数据的判断（19）

<template>
  <h3>我是App组件</h3>
</template>

<script>
import {
     
     ref, reactive, toRefs, readonly, isRef, isReactive, isReadonly, isProxy} from 'vue'

export default {
     
     
  name: 'App',
  setup() {
     
     
    let sum = ref(0)
    let car = reactive({
     
     name: '奔驰', price: '40W'})
    let car2 = readonly(car)

    console.log(isRef(sum)) //true
    console.log(isReactive(car)) //true
    console.log(isReadonly(car2)) //true

    console.log(isProxy(sum)) //false，因为ref代理基本类型的数据用的是Object.defineProperty方法
    console.log(isProxy(car)) //true
    console.log(isProxy(car2)) //true，虽然是只读，但是它还是Proxy对象

    return {
     
     ...toRefs(car)}
  }
}
</script>