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

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

posted @ 2022-02-01 20:44  IslandZzzz  阅读(23)  评论(0编辑  收藏  举报