对响应式数据判断的一些组合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>

 

posted @ 2022-01-30 22:05  霸哥yyds  阅读(33)  评论(0)    收藏  举报