vue3中的defineComponent作用

昨天遇到一个奇怪的问题，百度很久都找不到相同的问题

项目运行正常，表格显示正常，没有报错，提交代码时报错

Cannot find name 'columns".

Cannot find name 'data".

问题是没有使用defineComponent，他找不到这个对象，自然也找不到这个name

defineComponent的作用：

vue3中，新增了 defineComponent ，就是把接收的 Object 直接返回。但是，就类型而言，返回的值有一个合成类型的构造函数，用于手动渲染函数、TSX 和 IDE 工具支持。

import { defineComponent,ref } from 'vue';
export default defineComponent({
  setup() {
    const num = ref(1)
    return { num }
    }
});