作者：fedfedfv_249 | 来源：互联网 | 2023-09-18 20:55
-
首先&＃xff0c;保存vue.min.js文件&＃xff0c;可以通过下面三个链接获取到vue.min.js&＃xff1a;
Staticfile CDN&＃xff08;国内&＃xff09; : https://cdn.staticfile.org/vue/2.2.2/vue.min.js
unpkg&＃xff1a;https://unpkg.com/vue&＃64;2.6.14/dist/vue.min.js。
cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js
-
将内容&＃xff0c;复制后下载到本地&＃xff0c;我这边保存到E盘的vue学习底下
-
接着&＃xff0c;在刚才的那个目录底下&＃xff0c;新建一个hello.html文件&＃xff0c;代码如下&＃xff1a;
&＃96;&＃96;&＃96;html
<html>
<head>
<meta charset&＃61;"utf-8">
<title>Hello Vue.jstitle>
<script src&＃61;"E:/vue.js学习/vue.min.js">script>
head>
<body>
<div id&＃61;"test"><p>{{ message }}p>
div><script>
new Vue({el: &＃39;#test&＃39;,data: {message: &＃39;Hello Vue.js!&＃39;}
})
script>
body>
html>
- 接着&＃xff0c;用浏览器方式&＃xff0c;打开hello.html文件&＃xff0c;如下图所示&＃xff1a;
- 其中&＃xff0c;我们可以不用保存vue.min.js文件到本地&＃xff0c;用第一点提供的vue.min.js链接来调用vue&＃xff0c;只需要修改vue.min.js的引用方式&＃xff0c;改下html的代码&＃xff0c;也是可以的&＃xff0c;就改这一行&＃xff1a;
<script src&＃61;"https://cdn.staticfile.org/vue/2.2.2/vue.min.js">script>
以上内容仅供学习参考
![前端库Bootstrap框架：「11]使用 span 创建行内元素](https://img6.php1.cn/3cdc5/9921/243/17a6062cb49e163c.png)
京公网安备 11010802041100号