哪种方法更好地创建vue组件(导出默认组件、defineComponent组件和新Vue组件)

Question

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

关于vue 3，我们应该使用导出默认值来创建组件，还是应该导出默认defineComponent或新的Vue({

那么如何正确地创建App组件及其子组件和页面等呢？

希望我的问题足够清楚。

谢谢

Answer 1

如果你需要创建多个组件，我强烈推荐使用Single File Components (SFC)。

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

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

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

对于主应用程序组件，您可以这样做：

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

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

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