第五章 内置指令

1、v-cloak，不需要表达式，它会在 Vue 实例结束编译时从绑定的 HTML 元素上移除，常用来和 css 的 display:none; 配合使用来解决页面初始化慢而导致的页面闪动，但在具有工程化的项目里是不需要使用的。

// CSS 里加这一句
[v-cloak] {
    display:none;
}

2、v-once，不需要表达式，作用是让定义它的元素或组件（包括元素或组件的所有子节点）只渲染一次，不再随数据的变化而重新渲染，将被视为静态内容，业务中很少用到。

3、v-if => v-else-if => v-else，如果需要一次判断多个元素时，可以在 template（Vue.js 内置元素） 上使用条件指令，渲染时不会包含该元素；Vue 在渲染元素时，出于效率考虑会复用已有元素而非重新渲染，如想避免请添加 key 属性，且 key 值必须唯一。

4、v-show，与 v-if 用法基本一致，只不过带有 v-show 的元素始终会被渲染并保留在 DOM 中，它只是简单地切换元素的 CSS 属性 display 来实现元素的显示或隐藏；v-show 不支持