vue3中的defineComponent作用

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

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

Cannot find name 'columns".

Cannot find name 'data".

vue3中的defineComponent作用_第1张图片

vue3中的defineComponent作用_第2张图片

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

defineComponent的作用:

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

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

你可能感兴趣的:(vue项目实用方法,vue项目经验,vue.js,javascript,前端)