vue 知识点随记

• v-cloak

新页面的时候因为响应问题会看到 {{item.name}} 这个vue.js模板变量，这样给用户带来了不好的体验，那么要怎么解决这个问题呢？

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

包含 v-cloak (cloak n. 披风，斗篷；vt. 遮盖，掩盖) 属性的 html 标签在页面初始化时会被隐藏。
在 vuejs instance ready 之后，v-cloak 属性会被自动去除，也就是对应的标签会变为可见。

css attribute selector

[v-cloak] {
  display: none;
}

<div v-cloak>
  {{ message }}
</div>
不会显示，直到编译结束。