Vue.js v-cloak用法及代码示例

不期待表情

细节

此指令仅在no-build-step 设置中需要。

使用in-DOM 模板时，可能会出现“未编译模板的闪光”：用户可能会看到原始的小胡子标签，直到安装的组件用渲染的内容替换它们。

v-cloak 将保留在元素上，直到关联的组件实例被挂载。结合 [v-cloak] { display: none } 等 CSS 规则，它可以用来隐藏原始模板，直到组件准备好。

例子：

[v-cloak] {
  display: none;
}

<div v-cloak>
  {{ message }}
</div>

在编译完成之前，<div> 将不可见。