vue指令

• v-if： 判断是否加载，可以减轻服务器的压力，在需要时加载。
• v-show：调整css dispaly属性，可以使客户端操作更加流畅。
• v-cloak:这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。

  [v-cloak] { display: none; }

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

• v-once:只渲染元素和组件一次。随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。

  <span v-once>This will never change: {{msg}}</span>

• 防止加载过慢而暴露Mustache 标签

  <span v-text="msg"></span>
  <!-- 和下面的一样 -->
  <span>{{msg}}</span>