Loading

Vue部分内置指令

v-text

  1. 作用:向其所在的节点中渲染文本内容。
  2. 与插值语法的区别:v-text会替换掉节点中的内容,{{}}则不会。

v-html

  1. 作用:向指定节点中渲染包含html结构的内容。
  2. 与插值语法的区别:
      (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. 可利用它跳过:没有使用指令语法,没有使用插值语法的节点,会加快编译。

posted @ 2021-10-06 10:48  IamHzc  阅读(58)  评论(0编辑  收藏  举报