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

Question

import {defineComponent} from "vue";export default defineComponent({    name: "App",    setup() {        return {}    }})

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

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

Answer 1

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

Answer 2

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

Answer 3

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