一、在HTML页面中嵌入vue3框架

1、使用全局构建版本

此方式会加载全局的Vue对象，在此Vue对象中以属性的形式暴露了所有顶层 API
加载全局Vue对象的js文件有两个

1）、使用vue@next

<script src="https://unpkg.com/vue@next"></script>
<script>
    const {createApp} = vue;
</script>

2）、使用vue.global.prod.js

<script src="https://unpkg.com/browse/vue@3.2.45/dist/vue.global.js"></script>
<script>
    const {createApp} = vue;
</script>

2、使用 ES 模块构建版本

此种方式不需要使用script标签中使用import的方式加载Vue模块，此时的script标签的type属性必须是“module”

<script type="module">
    import * as Vue from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js'
    const {createApp} = vue;
</script>