vue.js如何引入到HTML中-創(chuàng)新互聯(lián)
這篇文章將為大家詳細(xì)講解有關(guān)vue.js如何引入到HTML中，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。
成都網(wǎng)絡(luò)公司-成都網(wǎng)站建設(shè)公司
成都創(chuàng)新互聯(lián)公司10多年經(jīng)驗(yàn)成就非凡，專業(yè)從事
成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作，成都網(wǎng)頁設(shè)計(jì)，成都網(wǎng)頁制作，
軟文發(fā)布平臺(tái)，
廣告投放等。10多年來已成功提供全面的成都網(wǎng)站建設(shè)方案，打造行業(yè)特色的成都網(wǎng)站建設(shè)案例，建站熱線：18982081108，我們期待您的來電！
vue.js引入到HTML中的方法：首先下載vue.js；然后在HTML中加入vue.js包，其語法如“”。
vue.js引入到HTML中
對(duì)于沒有接觸過es6和webpack的童鞋來說，不建議直接用官方的腳手架vue-cli構(gòu)件項(xiàng)目。
先按文檔順序最少學(xué)習(xí)完組件那一章。直接在html文件中引入vue.js開始學(xué)習(xí),了解vue的基礎(chǔ)指令，和整個(gè)vue實(shí)例的基礎(chǔ)架構(gòu)。
下載vue.js 地址：https://vuejs.org/v2/guide/installation.html，下載完之后在HTML中加入vue.js包。
在當(dāng)前html中，寫入js代碼：
new Vue({
el:'#app',
data: {
message:'hello vue.js.'
}
});
html中，加入如下代碼：
Vue demo
{{message}}
修改文本框中的內(nèi)容，可以看到文本框上方的內(nèi)容也在相應(yīng)改變；這就是vue的雙向綁定。
關(guān)于vue.js如何引入到HTML中就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。
文章標(biāo)題：vue.js如何引入到HTML中-創(chuàng)新互聯(lián)
文章出自：
http://weahome.cn/article/djdigp.html
重慶分公司
重慶分公司
