计数器组件在表单组件内绑定对象的属性时，计数器组件为什么无法使用？

Question

Vue3.0 ElementUiPlus

<template>
  单独使用,绑定对象里的属性
  <el-input-number v-model="ruleForm.testValue" :step="1" step-strictl></el-input-number>

  <el-form :model="ruleForm2" ref="ruleForm2" label-position="left">

    <el-form-item label="表单组件内,绑定对象里的属性">
      <el-input-number v-model="ruleForm2.testValue" :step="1" step-strictly></el-input-number>
    </el-form-item>

    <el-form-item label="表单组件内,绑定非对象里的属性">
      <el-input-number v-model="testValue2" :step="1" step-strictly></el-input-number>
    </el-form-item>

  </el-form>

</template>

<script>
import {
  reactive,
  ref
} from 'vue'
export default ({
  setup () {
    const testValue2 = ref(900)
    const ruleForm = reactive({
      testValue: 100
    })
    const ruleForm2 = reactive({
      testValue: 200
    })
    return {
      testValue2,
      ruleForm,
      ruleForm2
    }
  }
})
</script>

Answer 1

export default defineComponent({

你这实例没生效吧