Vue 内置指令

目录

• Vue指令
  • 内置指令

 

Vue指令

• 内置指令
• 自定义指令

内置指令

• v-show
• v-if
• v-text
• v-html
• v-cloak
• v-once
• v-pre

v-text

向标签插入文本，标签也会当成文本解析

v-html

可以识别文本中的标签
容易导致XSS攻击
如果用，建议用在可信的内容上，而不是用户提交的内容上

v-cloak

一旦vue接管实例，就将v-cloak属性删掉
主要是不让未经解析的模板跑到页面上去

v-once

只在初次渲染后视为静态内容，不随着data更新而改变

<h1 v-once>{{a}}</h1>

v-pre

跳过指定所在节点的编译过程
可以用它跳过没有指令语法和插值语法的节点，可以加快编译