SOURCE

<!--
<div id="app">{{ message }}</div>

<script type="module">
    // 使用了 <script type="module">，
    // 且导入的 CDN URL 指向的是 Vue 的 ES 模块构建版本
    import { createApp} from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js'

    createApp({
        data() {
            return {
                message: 'Hello Vue!2022-10-31'
            }
        }
    }).mount('#app')
</script>
-->

<!--启用Import maps-->
<!--上面示例使用了完整的CDN URL来导入，但在其余部分会用如下代码-->
<!-- import { createApp } from 'vue' -->
<!-- 下面使用导入映射表(Import Maps)来告诉浏览器如何定位到导入的vue -->
<script type="importmap">
    {
        "imports": {
            "vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js"
        }
    }
</script>

<div id="app">{{ message }}</div>

<script type="module">
    import { createApp } from 'vue'

    createApp({
        data() {
            return {
                message: 'Hello Vue! 2022-11-01'
            }
        }
    }).mount('#app')
</script>