Vue3 安装

2021-05-01 11:40:20 更新

1、独立版本
我们可以在 Vue.js 的官网上直接下载最新版本, 并用 <script> 标签引入。

下载 Vue.js

2、使用 CDN 方法
以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地。


Staticfile CDN(国内) : https://cdn.staticfile.org/vue/3.0.5/vue.global.js

unpkg:https://unpkg.com/vue@next, 会保持和 npm 发布的最新的版本一致。

cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/3.0.5/vue.global.js

案例:

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
        <title>Vue 测试实例 - it问答网(itwenda.com)</title>
        <script src="https://unpkg.com/vue@next"></script>
    </head>
    <body>
        <div id="hello-vue" class="demo">
          {{ message }}
        </div>
        
        <script>
            const HelloVueApp = {
              data() {
                return {
                  message: 'Hello Vue!!'
                }
              }
            }
            
            Vue.createApp(HelloVueApp).mount('#hello-vue')
        </script>
    </body>
</html>