廣州網(wǎng)站 制作信科便宜制作網(wǎng)頁(yè)的基本步驟
v-bind :單向綁定解析表達(dá)式,可簡(jiǎn)寫為:xxx
v-model :雙向數(shù)據(jù)綁定。
v-for:遍歷數(shù)組/對(duì)象/字符串
v-on:綁定事件監(jiān)聽(tīng),可簡(jiǎn)寫為@。
v-if:條件渲染(動(dòng)態(tài)控制節(jié)點(diǎn)是否存存在)
v-else:條件渲染(動(dòng)態(tài)控制節(jié)點(diǎn)是否存存在)
v-show:條件渲染(動(dòng)態(tài)控制節(jié)點(diǎn)是否展示)
v-text指令:
1.作用:向其所在的節(jié)點(diǎn)中渲染文本內(nèi)容。
2.與插值語(yǔ)法的區(qū)別:v-text會(huì)替換掉節(jié)點(diǎn)中的內(nèi)容,{{xx}}插值語(yǔ)法則不會(huì)。
v-html指令:
1.作用:向指定節(jié)點(diǎn)中渲染包含html結(jié)構(gòu)的內(nèi)容。2.與插值語(yǔ)法的區(qū)別:
(1).v-htm1會(huì)替換掉節(jié)點(diǎn)中所有的內(nèi)容,{{xx}}插值語(yǔ)法則不會(huì)。
(2).v-htm1可以識(shí)別htm1結(jié)構(gòu)。
3.嚴(yán)重注意:v-html有安全性問(wèn)題!!!
(1).在網(wǎng)站上動(dòng)態(tài)渲柒任意HTML是非常危險(xiǎn)的,容易導(dǎo)致xss攻擊。
(2).一定要在可信的內(nèi)容上使用v-html,永不要用在用戶提交的內(nèi)容上!
v-cloak指令(沒(méi)值):
1.本質(zhì)是一個(gè)特殊屬性,Vue實(shí)例創(chuàng)建完畢并接管容器后,會(huì)掉v-cloak屬性。
2.使用css配合v-cloak可以解決網(wǎng)速慢時(shí)頁(yè)面展示出{{xxx}}的問(wèn)題。
v-once指令:
1.v-once所在節(jié)點(diǎn)在初次動(dòng)態(tài)渲染后,就視為靜態(tài)內(nèi)容了。
2.以后數(shù)據(jù)的改變不會(huì)引起v-once所在結(jié)構(gòu)的更新,可以用于優(yōu)化性能。
v-pre指令:
1.跳過(guò)其所在節(jié)點(diǎn)的編譯過(guò)程。
2.可利用它跳過(guò):沒(méi)有使用指令語(yǔ)法、沒(méi)有使用插值語(yǔ)法的節(jié)點(diǎn),會(huì)加快編譯。