Skip to content

其他指令

  • v-text 向所在节点渲染文本内容,会直接替换掉标签中的内容,不解析标签;
  • v-html 向所在节点渲染包含html结构的内容,但是有安全性问题;
  • v-cloak 是一个特殊属性,没有值;当 Vue 实例创建完毕接管容器后,会删掉该属性,配合 css(属性选择器)使用解决网速过慢时展示出未经解析模板的问题(给带有 v-cloak 属性的节点设置 display: none),这样在 Vue 实例创建完毕之前,带有 v-cloak 的节点不会显示;接管完毕之后,v-cloak 属性被删除,就可以显示了;
  • v-once 所在节点初次动态渲染后,就视为静态内容,以后数据的改变不会引起所在结构的更新;
  • v-pre 让 Vue 跳过其所在节点的编译过程,跳过没有指令语法和插值语法的节点,加快编译过程。
vue
<template>
	<div v-cloak>
    {{ demo }}
  </div>
</template>

<style>
  [v-cloak] {
    display: none;
  }
</style>