Vue部分内置指令
v-text
- 作用:向其所在的节点中渲染文本内容。
- 与插值语法的区别:
v-text
会替换掉节点中的内容,{{}}
则不会。
v-html
- 作用:向指定节点中渲染包含html结构的内容。
- 与插值语法的区别:
(1)v-html
会替换掉节点中所有的内容,{{}}
则不会。
(2)v-html
可以识别html结构。
注意:
(1) 在网站上动态渲染任意HTML是非常危险的,容易导致XSS的攻击。
(2) 一定要在可信的内容上使用v-html
,永远不要使用在用户提交的内容上,会导致安全问题。
v-cloak
v-cloak
指令(没有值):
1. 本质是一个特殊属性,Vue实例创建完成并接管容器后,会删掉v-cloak
属性。
2. 使用css配合v-cloak
可以解决网速慢时页面展示出现{{xxx}}
的问题。
v-once
v-once
指令(没有值):
1. v-once
所在节点在初次动态渲染后,就视为静态内容了。
2. 初次渲染后,数据的改变不会引起v-once
所在结构的更新,可以用于优化性能。
v-pre
v-pre
指令(没有值):
1. 跳过其所在节点的编译过程。
2. 可利用它跳过:没有使用指令语法,没有使用插值语法的节点,会加快编译。