Vue3中直接使用<script>引入的基本概念 官网
在Vue3里,可直接用 标签引入Vue库。这样能在HTML文件里快速使用Vue功能。 !DOCTYPE htmlhtml lang="en"head meta charset="UTF - 8" meta name="viewport" content="width=device-width, initial - scale=1.0" titleVue3直接引入示例/title !-- 引入Vue3库 -- script src="https://unpkg.com/vue@3/dist/vue.global.js"/script/headbody div id="app" {{ message }} /div script const { createApp } = Vue; const app = createApp({ data() { return { message: 'Hello, Vue3!' // 运行结果:页面显示Hello, Vue3! } } }); app.mount('#app'); /script/body/html 要保证引入的Vue库地址正确,不然会加载失败。