vue.js - 哪种方式更好地创建 vue 组件(导出默认值 vs 定义组件 vs 新 Vue)

Question

最近学习了 Vue.js 后，对如何编写 vue 组件语法很困惑
我一直在看 youtube 教程和文章，每个人都使用不同的方法。
在 vue 3 方面
我们应该使用
导出默认创建组件
或导出默认定义组件
或新的 Vue({
那么如何决定如何创建 App 组件及其其余子组件和页面等的正确方法..
希望我的问题足够清楚。
谢谢

Answer 1

如果您需要创建多个组件，我强烈建议您使用 Single File Components (证监会)
在这里，您将一个新组件定义为(在 <script> 标签内):

import { defineComponent } from 'vue'
export default defineComponent({
  // ...
})

(或 export default {} 如果不使用 TypeScript)
对于主应用程序组件，您将执行以下操作:

import { createApp } from "vue";
const app = createApp(App)
app.mount('#app')

或者就像这样，如果您不需要使用 vue-router、Vuex 等扩展 Vue。

import { createApp } from "vue";
createApp(App).mount('#app')