vue3 问题记录之组件命名和变量命名冲突项目中全局注册了一个全局组件 nuc-title 需要传入 basic 数据，

项目中全局注册了一个全局组件 nuc-title 需要传入 basic 数据，在其他组件中引用的时候，声明了一个 reactive 的响应式变量，导致组件渲染失败

<template>
     <nuc-title :basic="basicTitle">
       ....
    </nuc-title>
</template>
<script setup lang=ts>
   import { reactive } from 'vue'
  // 此时出现了同名导致组件无法正常渲染
  const nucTitle = reactive({...})
  // 修改为以下则正常渲染
  const basicTitle = reactive({...})
</script>

vue3 是怎么解析的