最近学习 Vue.js 后,我对如何编写 vue 组件语法感到非常困惑
我一直在看 YouTube 教程和文章,每个人都使用不同的方法。
就 vue 3 而言
我们应该使用
导出默认值以创建组件
或导出默认的defineComponent
或新的 Vue({
那么如何决定如何创建应用程序组件及其其余子组件和页面等的正确方法..
希望我的问题足够清楚。
Thanks
如果您需要创建多个组件,我强烈建议使用单文件组件 https://v3.vuejs.org/guide/single-file-component.html#introduction (SFC)
在这里,您将一个新组件定义为(在<script>
tag):
import { defineComponent } from 'vue'
export default defineComponent({
// ...
})
(or 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')
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)