引言
- vue这两条指令，在面试vue经常会被问道它们的区别，今天我也好好查看了以下文档，做做笔记。
相同点
- 它们都用于条件渲染，都可以隐藏和显示DOM元素。
v-if
- 通过判断条件成立与否，适当的销毁和重建元素来达到隐藏和现实元素。因此当第一次的条件为假的时候，则条件块内的元素不会被渲染。只有为真的时候才会渲染条件块的元素。
v-show
- 也是通过判断条件的成立与否，设置
display属性的值来达到隐藏和现实元素，因此无论条件为真还是为假，条件块的元素都会被渲染。
使用场景
- 通过它们实现隐藏和现实元素的方式可以知道，元素频繁的切换使用
v-show比较好，否则使用v-if比较好