Vue 页面加载闪现出现{{xxx}}问题

Vue 页面加载闪现出现{{xxx}}问题，猜测应该是犹豫网络延迟或者什么原因导致加载vue.js

CSS中

[v-cloak] {
   display: none;
}

HTML中

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

v-cloak

• 不需要表达式

• 用法：

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

• 示例：

  [v-cloak] {
    display: none;
  }

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

  不会显示，直到编译结束。