六、Vue基本指令

1、v-cloak

v-cloak 不需要表达式，它会在Vue 实例结束编译时从绑定的HTML 元素上移除， 经常和css的display: none；配合使用；

{{message ))

加了指令v-cloak ，但其实并没有起到任何作用，当网速较慢、Vue.js 文件还没加载完时，在页面上会显示｛ { message } ｝的字样，直到Vue 创建实例、编译模板时， DOM 才会被替换，所以这个过程屏幕是有闪动的。只要加一句css 就可以解决这个问题了：

[v-cloak] {

display: none;

}

在一般情况下， v-cloak 是一个解决初始化慢导致页面闪动的最佳实践，对于简单的项目很实用，但是在具有工程化的项目里，比如后面进阶篇将介绍web pack 和vue-router 时，项目的HTML结构只有一个空的div 元素，剩余的内容都是由路由去挂载不同组件完成的，所以不再需要v-cloak。

2、v-once

v-once 也是一个不需要表达式的指令，作用是定义它的元素或组件只渲染一次，包括元素或组件的所有子节点。首次渲染后，不再随数据的变化重新渲染，将被视为静态内容；

3、v-if、v-else-if 、v-else

这个就不多介绍了，没什么说的

4、v-show 

用法与v-if 基本一致，只不过v -show 是改变元素的css 属性di splay 。当v-show 表达式的值为false 时， 元素会隐藏，查看DOM 结构会看到元素上加载了内联样式display : none;

v-show 不能叫