对响应式数据判断的一些组合API


  •  isRef 检查一个值是否由  ref 函数创建出来的
  •  isReactive 检查一个对象是否是由  reactive 函数创建出来的
  •  isReadonly 检查一个对象是否由  readonly 函数创建出来的
  •  isProxy 检查一个对象是否是由  reactive 或者是 readonly 创建出来的
<template>
  <div id="app">
    <h1>我是APP组件h1>
  div>
template>

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

export default {
  setup() {
    let car = reactive({name: '雷铁龙', price: '100w'})
    let sum = ref(0)
    let car2 = readonly(car)
    console.log(isRef(sum));
    console.log(isReactive(car));
    console.log(isReadonly(car2));
    console.log(isProxy(car2));
    return {

    }
  }
}
script>
vue