vue3 模版文件script中两种写法什么意思？

Question

import {defineComponent} from "vue";

export default defineComponent({
    name: "App",
    setup() {


        return {}
    }
})

export default {
    name: "App",
    setup() {

        return {}
    }
}

这两种有什么不一样？哪种好？

Answer 1

defineComponent函数提供了类型推断，这对用TypeScript项目来说更有用，支持更好，你如果使用js的话用下面的就行

Answer 2

defineComponent 是为了实现 Composition API 以及提供更好 ts 支持

Answer 3

没什么区别 使用defineComponent()仅仅只是方便提供类型推导。
见:vue3文档-defineComponent()