使用ES模块创建一个Vue程序_vue创建esm模块项目

作者：笔触狂放9 | 2024-08-04 08:17:56

踩

vue创建esm模块项目

现代浏览器大多都已原生支持 ES 模块。因此我们可以像这样通过 CDN 以及原生 ES 模块使用 Vue：


<!DOCTYPE html>
<html>
<head>
    <title>Vue.js 示例</title>
</head>
<body>
    <div id="app">
        {{ message }}
    </div>
    <!-- 引入Vue.js -->
    <script type="module">
      import {createApp, ref} from "https://unpkg.com/vue@3/dist/vue.esm-browser.js"
      createApp({
        setup(){
          const message = ref('Hello vue')
          return {
            message
          }
        }
      }).mount('#app')
    </script>
 
    
</body>
</html>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/笔触狂放9/article/detail/926910