vue显示/隐藏

v-if vs v-show

v-if 是真正的条件渲染，会在切换的过程中，条件块内的事件监听器和子组件适当地被销毁和重建。
惰性： 初始渲染条件为假时，什么也不会做。

v-show： 不管什么初始条件都会渲染，只是简单基于css display 属性切换。

v-if 有更高的开销，v-show有更高的初始渲染开销。

使用场景：
频繁切换，v-show
运行条件很少改变，使用v-if

display：none；

元素存在，不占位，不显示

visible: hidden;

元素存在，占位，不显示

height：0；

width: 0;

opacity: 0;

不显示，影响整个元素
fade-in / fade-out

隐藏文字

text-indent：-1000px；

font-size: 0;