v-cloak

v-cloak

• 不需要表达式

• 用法：

  这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。

• 示例：

  [v-cloak] {
    display: none;
  }
  

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

  不会显示，直到编译结束。
• 使用的时候不必要挂载到每个元素上，使用时候直接挂载到根节点上就可以使用；
• 有的时候可能未生效，原因可能就是设置的css属性被更高优先级的样式修改掉了，还有一个可能的原因就是引入的样式放在@import这样的外部引入文件中，这种情况的处理方式是添加到link引入的文件中，或者直接使用内联样式。
来源： https://cn.vuejs.org/v2/api/#v-cloak

来自为知笔记(Wiz)