使用 Vue.js 的 CDN(内容分发网络)来添加 Vue.js

在您的 HTML 文件中添加 script 标签,并指定 Vue.js 的 CDN 地址。通常可以通过在 <head> 标签或 <body> 标签的底部添加该标签来加载 Vue.js。

下面是一个常用的 Vue.js CDN 地址:

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

一下是一个小小的案例:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body>
 8 <div id="app">
 9     {{ message }}
10 </div>
11 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
12 <script>
13     // 创建一个新的 Vue 实例
14     var app = new Vue({
15         el: '#app',
16         data: {
17             message: 'Hello, Vue.js!'
18         }
19     });
20 </script>
21 </body>
22 
23 </html>

 

posted @ 2023-06-17 21:53  阿飞藏泪  阅读(266)  评论(0编辑  收藏  举报
1 2 3
4