一、问题
vue页面加载完成前/编译完成前显示变量名{{xxx}}
,可以使用v-cloak 这个指令:
- 这个指令保持在元素上直到关联实例结束编译。
- 这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。
二、用法
v-cloak 的用法:
- HTML代码:
<div v-cloak>
{{ message }}
</div>
- CSS代码:
[v-cloak] {
display:none !important;
}
!important
可以有效避免样式覆盖问题- 常用在
id="app"
的根元素
over