Vue3中直接使用<script>引入后的组件使用 官网
引入Vue3库后,能创建并使用组件。组件可复用,提高开发效率。 !DOCTYPE htmlhtml lang="en"head meta charset="UTF - 8" meta name="viewport" content="width=device - width, initial - scale=1.0" titleVue3组件使用示例/title script src="https://unpkg.com/vue@3/dist/vue.global.js"/script/headbody div id="app" my - component/my - component /div script const { createApp } = Vue; const MyComponent = { template: 'div这是一个Vue3组件/div' // 运行结果:页面显示这是一个Vue3组件 }; const app = createApp({ components: { 'my - component': MyComponent } }); app.mount('#app'); /script/body/html 组件名在使用时要和注册时一致,大小写敏感。