Vue3报错Property “xxx“ was accessed during render but is not defined on instance

// 请确保模板中使用的属性在setup选项中有定义
<script setup>
import { ref } from 'vue'
const status = ref(false)
</script>
<template>
  <div v-if="status"></div>
<template/>
// 组件传入参数
<script setup>
defineProps({
  status: {
    type: Boolean
  }
})
</script>
<template>
  <div v-if="status"></div>
<template/>

// 在Vue2.x中，elementUi的表单Form中的ref和v-model同名时不会出现问题
<el-form ref="myForm" v-model="myForm"></el-form>
获取
this.$ref.myForm...
this.myForm...
// 在Vue3.x的setup语法糖下，elementPlus的表单Form中的ref和v-model同名时就会出现同名覆盖的问题，ref的优先级更高
//定义
const myForm = reactive({
  name: '小明',
  age: 18
})
<el-form ref="myForm" v-model="myForm"></el-form>
console.log(myForm)
// 打印出来的是el-form的组件DOM实例，模板找不到v-model的值，就会报`Property "myForm" was accessed during render but is not defined on instance.`