在html中引入vue.js文件的方法-創(chuàng)新互聯(lián)

小編給大家分享一下在html中引入vue.js文件的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)公司是創(chuàng)新、創(chuàng)意、研發(fā)型一體的綜合型網(wǎng)站建設(shè)公司，自成立以來公司不斷探索創(chuàng)新，始終堅持為客戶提供滿意周到的服務(wù)，在本地打下了良好的口碑，在過去的十載時間我們累計服務(wù)了上千家以及全國政企客戶，如成都花箱等企業(yè)單位，完善的項目管理流程，嚴格把控項目進度與質(zhì)量監(jiān)控加上過硬的技術(shù)實力獲得客戶的一致夸獎。

在html中引入vue.js文件的方法：首先在Vue.js的官網(wǎng)上直接下載vue.js文件；然后通過“<script src="vue/vue.min.js"></script>”方式引入本地的vue.js文件即可。

怎么在html中引入vue.js文件？

Vue.js是一款流行的JavaScript前端框架，一個用于創(chuàng)建用戶界面的開源JavaScript框架，旨在更好地組織與簡化Web開發(fā)。

Vue所關(guān)注的核心是MVC模式中的視圖層，同時，它也能方便地獲取數(shù)據(jù)更新，并通過組件內(nèi)部特定的方法實現(xiàn)視圖與模型的交互。

那么怎么在html中引入vue.js文件？

方法1、可以在 Vue.js 的官網(wǎng)上直接下載 vue.js 文件，并用 <script> 標簽引入。

下載地址：https://vuejs.org/js/vue.min.js

然后使用<script> 標簽引入本地的vue.js文件

<script src="vue/vue.min.js"></script>

注：vue/vue.min.js是vue.js文件的相對地址

方法2：使用 CDN 方法，用 <script> 標簽引入網(wǎng)絡(luò)中的vue.js 文件。

以下推薦國外比較穩(wěn)定的兩個 CDN，國內(nèi)還沒發(fā)現(xiàn)哪一家比較好，目前還是建議下載到本地。

Staticfile CDN（國內(nèi)） : https://cdn.staticfile.org/vue/2.2.2/vue.min.js

unpkg：https://unpkg.com/vue/dist/vue.js, 會保持和 npm 發(fā)布的新的版本一致。
cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

Staticfile CDN（國內(nèi)）

<!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>

<script> 標簽

script 元素既可以包含腳本語句，也可以通過 src 屬性指向外部腳本文件。

必需的 type 屬性規(guī)定腳本的 MIME 類型。

JavaScript 的常見應(yīng)用時圖像操作、表單驗證以及動態(tài)內(nèi)容更新。

以上是“在html中引入vue.js文件的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站標題：在html中引入vue.js文件的方法-創(chuàng)新互聯(lián)
文章轉(zhuǎn)載：http://muchs.cn/article24/dgejje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、定制網(wǎng)站、商城網(wǎng)站、虛擬主機、響應(yīng)式網(wǎng)站、微信小程序

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容