哪种方式更好地创建vue组件(导出默认组件与定义组件与新vue)

Question

最近学习了Vue.js之后，我对如何编写Vue组件语法感到非常困惑我不断看到youtube教程和文章，每个人都使用不同的方法。

就vue 3而言我们应该使用吗导出默认值以创建零部件或导出默认的defineComponent或新Vue(｛

因此，如何决定如何创建应用程序组件及其其他子组件和页面等的正确方式。。

希望我的问题足够清楚。

感谢

Answer 1

如果您需要创建多个组件，我强烈建议您使用单一文件组件(SFC(

在这里，您将新组件定义为(在<script>标记内(：

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

(如果不使用TypeScript，则为export default {}(

对于主应用程序组件，您可以执行以下操作：

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

或者就像这样，如果你不需要扩展Vue与Vue路由器，Vuex等

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