使用v-cloak避免刷新页面时页面出现插值表达式

v-cloak 在vue的官方文档中的解释为：这个指令保持在元素上直到关联实例结束编译。

从表现上来说就是有时页面加载会出现数据还未更新到页面上时页面上显示 {{ xxx }} （即我们写的插值表达式），使用v-cloak之后就可以避免这个现象。

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

需要注意的是使用v-cloak需要配合以下样式语句使用，可以写在内联样式或从外部导入的样式文件中。

[v-clock]{
    display: none;
}