其他指令
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>