這篇文章將為大家詳細(xì)講解有關(guān)vue.js如何引入到HTML中，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

成都網(wǎng)絡(luò)公司-成都網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司10多年經(jīng)驗成就非凡，專業(yè)從事成都網(wǎng)站設(shè)計、成都網(wǎng)站制作，成都網(wǎng)頁設(shè)計，成都網(wǎng)頁制作，軟文發(fā)布平臺，廣告投放等。10多年來已成功提供全面的成都網(wǎng)站建設(shè)方案，打造行業(yè)特色的成都網(wǎng)站建設(shè)案例，建站熱線：18982081108，我們期待您的來電！

vue.js引入到HTML中的方法：首先下載vue.js；然后在HTML中加入vue.js包，其語法如“<script src="${path}/web/constant/vue.js"></script>”。

vue.js引入到HTML中

對于沒有接觸過es6和webpack的童鞋來說，不建議直接用官方的腳手架vue-cli構(gòu)件項目。

先按文檔順序最少學(xué)習(xí)完組件那一章。直接在html文件中引入vue.js開始學(xué)習(xí),了解vue的基礎(chǔ)指令，和整個vue實例的基礎(chǔ)架構(gòu)。

下載vue.js 地址：https://vuejs.org/v2/guide/installation.html，下載完之后在HTML中加入vue.js包。

<script src="${path}/web/constant/vue.js"></script>

在當(dāng)前html中，寫入js代碼：

<script type="text/javascript">
new Vue({
el:'#app',
data: {
message:'hello vue.js.'
}
});
</script>

html中，加入如下代碼：

<h2>Vue demo</h2>
<div id="app">
<div>{{message}}</div>
<input type="text" v-model="message">
</div>

修改文本框中的內(nèi)容，可以看到文本框上方的內(nèi)容也在相應(yīng)改變；這就是vue的雙向綁定。

關(guān)于vue.js如何引入到HTML中就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

當(dāng)前題目：vue.js如何引入到HTML中-創(chuàng)新互聯(lián)
網(wǎng)頁路徑：http://www.chinadenli.net/article18/djdigp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、微信公眾號、App設(shè)計、標(biāo)簽優(yōu)化、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(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)