v-show和v-if有什么区别和visibilty的区别

共同点：都能实现元素的显示隐藏
区别：
--v-show是将元素隐藏、而v-if是将元素在dom树种删除。（v-if切换有一个局部编译卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件，v-show只是简单的基于CSS切换。）所以v-if相比v-show代价更大
运行条件很少改变的时候使用v-if比较好、需要非常频繁的切换时、则使用v-show比较好
-- v-if 可以搭配 template 使用，而 v-show 不行
--v-if 有配套的 v-else-if 和 v-else，而 v-show 没有。
与visibility的区别是
v-show在页面上不在占据位置、会引起重排重绘、v-if会重新加载页面、visibility只会进行重绘、
前两者都无法再操作DOM节点、visibility可以操作DOM节点。