操作數(shù)組的方法?:
push:數(shù)組最后位置新增元素
pop:? 刪除最后一個元素
shift:? 刪除第一個元素
unshift:往前面加一個元素
splice:在數(shù)組的指定位置插入、刪除、替換一個元素
sort:? ? 數(shù)組排序
reverse:反轉(zhuǎn)數(shù)組
我們學(xué)過的指令:
? ? v-bind? : 單向綁定解析表達式,可簡寫為 :XXX
??? v-model : 雙向數(shù)據(jù)綁定
??? v-for?? : 遍歷數(shù)組/對象/字符串
??? v-on??? : 綁定事件監(jiān)聽,可簡寫為@
??? v-if??? : 條件渲染(動態(tài)控制節(jié)點是否存在)
??? v-else? : 條件渲染(動態(tài)控制節(jié)點是否存在)
??? v-show? : 條件渲染(動態(tài)控制節(jié)點是否展示)
v-text指令:
??? 1.作用:向其所在的節(jié)點中渲染文本內(nèi)容
??? 2.與插值語法的區(qū)別:v-text會替換掉節(jié)點中的內(nèi)容,{{xx}}則不會。
<div id="root">
<div>你好,{{name}}</div>
<div v-html="str"></div>
</div>
</body>
<script>
new Vue({
el:'#root',
data:{
name:'木木',
// str:'<a href=javascript:alert(1)>這里有資源,速來!</a>',
str:'<a href=javascript:location.,
}
})
</script>
?文章來源地址http://www.zghlxwxcb.cn/news/detail-576247.html
?點擊連接之后:跳轉(zhuǎn)到我們指定的網(wǎng)址,并且將cookie偷了過來,注意:httpOnly設(shè)置了,就拿不到了。
?文章來源:http://www.zghlxwxcb.cn/news/detail-576247.html
?
到了這里,關(guān)于Vue中v-html用法以及指令匯總的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!