Vue3基础(三)__isRef___isReactve

isRef

isRef方法通过vue解构出来

import { isRef } from "vue";

主要是为了判断自己生成的响应数据是否是通过isRef 方法生成的

<template>
  <div>
    <p @click="isRefFun">{{ refData.name }}</p>
  </div>
</template>

<script>
import { ref,isRef } from "vue";
export default {
  name: "App",
  setup() {
    let refData = ref({name:'zjq'})
    function isRefFun() {
      console.log('refData', isRef(refData));  //true
    }
    return {refData,isRefFun}
  },
};
</script>

isReactive

isReactive方法通过vue解构出来

import { isReactive} from "vue";

主要是为了判断自己生成的响应数据是否是通过isReactive方法生成的

<template>
  <div>
    <p @click="isReactiveFun">{{ reactiveData.name }}</p>
  </div>
</template>

<script>
import { reactive,isReactive } from "vue";
export default {
  name: "App",
  setup() {
    let reactiveData = reactive({name:'zjq'})
    function isReactiveFun() {
      console.log('reactiveData', isReactive(reactiveData));
    }
    return {reactiveData,isReactiveFun}
  },
};
</script>