這篇文章主要介紹“怎么使用Vue中的v-html”,在日常操作中,相信很多人在怎么使用Vue中的v-html問題上存在疑惑,小編查閱了各式資料,整理出簡(jiǎn)單好用的操作方法,希望對(duì)大家解答”怎么使用Vue中的v-html”的疑惑有所幫助!接下來,請(qǐng)跟著小編一起來學(xué)習(xí)吧!
巴彥淖爾ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景,ssl證書未來市場(chǎng)廣闊!成為創(chuàng)新互聯(lián)的ssl證書銷售渠道,可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:18982081108(備注:SSL證書合作)期待與您的合作!
首先在網(wǎng)上下載了vue.min.js的文件。
我選擇了v-html這個(gè)標(biāo)記作為入門,它的作用是能夠?qū)⒆兞恐凶址愋偷膆tml文本以html標(biāo)記的形式顯示在頁面上。例如:
var v = new Vue({
el: "#div1", // vue的有效范圍,不能直接使用body
data: { // 頁面需要的vue數(shù)據(jù)
h: "
}
});
哇,不錯(cuò),頁面終于出現(xiàn)了Hello, world,不錯(cuò),接下來看看其他的簡(jiǎn)單的標(biāo)簽。
v-if 和v-show ,表示是否顯示頁面內(nèi)容。
當(dāng)if或者show中變量的值為true時(shí),當(dāng)前控件顯示,false則不顯示
var v = new Vue({
el: "#div1", // vue的有效范圍,不能直接使用body
data: { // 頁面需要的vue數(shù)據(jù)
checked: false
}
});
然后,把v-show換成v-if,原來一樣的。
接下來看看v-for標(biāo)簽吧,看起來作用應(yīng)該是循環(huán)。
var v = new Vue({
el: "#div1", // vue的有效范圍,不能直接使用body
data: { // 頁面需要的vue數(shù)據(jù)
arr: ["蘋果", "香蕉", "梨子", "橘子"],
obj: {"name":"mary", "age":20, "sex":"女"}
}
});
到此,關(guān)于“怎么使用Vue中的v-html”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí),請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章!