Rumah > Artikel > hujung hadapan web > 怎么在html中引入vue.js文件
怎么在html中引入vue.js文件
- 藏色散人asal
- 2021-02-05 09:48:2822689semak imbas
在html中引入vue.js文件的方法：首先在Vue.js的官网上直接下载vue.js文件；然后通过“fc655b3793a5dc22980bb7935c02277a2cacc6d41bbb37262a98f745aa00fbf0”方式引入本地的vue.js文件即可。
本文操作环境：Windows7系统、HTML5&&Vue2.2.2、Dell G3电脑。
怎么在html中引入vue.js文件？
Vue.js是一款流行的JavaScript前端框架，一个用于创建用户界面的开源JavaScript框架，旨在更好地组织与简化Web开发。
Vue所关注的核心是MVC模式中的视图层，同时，它也能方便地获取数据更新，并通过组件内部特定的方法实现视图与模型的交互。
那么怎么在html中引入vue.js文件？
方法1、可以在 Vue.js 的官网上直接下载 vue.js 文件，并用 3f1c4e4b6b16bbbd69b2ee476dc4f83a 标签引入。
下载地址：https://vuejs.org/js/vue.min.js
然后使用3f1c4e4b6b16bbbd69b2ee476dc4f83a 标签引入本地的vue.js文件
<script src="vue/vue.min.js"></script>
注：vue/vue.min.js是vue.js文件的相对地址
方法2：使用 CDN 方法，用 3f1c4e4b6b16bbbd69b2ee476dc4f83a 标签引入网络中的vue.js 文件。
以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较好，目前还是建议下载到本地。
Staticfile CDN（国内） : https://cdn.staticfile.org/vue/2.2.2/vue.min.js
unpkg：https://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致。
cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js
推荐：《vue教程》
Staticfile CDN（国内）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
<p>{{ message }}</p>
</div>
<script>
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
})
</script>
</body>
</html>unpkg（推荐）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
<p>{{ message }}</p>
</div>
<script>
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
})
</script>
</body>
</html>cdnjs
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js"></script>
</head>
<body>
<div id="app">
<p>{{ message }}</p>
</div>
<script>
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
})
</script>
</body>
</html>3f1c4e4b6b16bbbd69b2ee476dc4f83a 标签
3f1c4e4b6b16bbbd69b2ee476dc4f83a 标签用于定义客户端脚本，比如 JavaScript。
script 元素既可以包含脚本语句，也可以通过 src 属性指向外部脚本文件。
必需的 type 属性规定脚本的 MIME 类型。
JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。
3f1c4e4b6b16bbbd69b2ee476dc4f83a 标签的src属性：规定外部脚本文件的 URL。
Atas ialah kandungan terperinci 怎么在html中引入vue.js文件. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!