使用 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>