display:none和visibility:hidden v-show和v-if的区别
Posted songxia
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了display:none和visibility:hidden v-show和v-if的区别相关的知识，希望对你有一定的参考价值。
隐藏元素display:none 和 visibility:hidden的区别
visibility:hidden可以隐藏某个元素，但是隐藏的元素仍要占据空间，仍要影响布局
display:none不会占据空间
v-if和v-show都可以动态的控制dom显示和隐藏
v-if是将dom元素动态的添加或删除
v-show则是为该元素添加display:none属性，dom元素还存在于页面中
以上是关于display:none和visibility:hidden v-show和v-if的区别的主要内容，如果未能解决你的问题，请参考以下文章
关于display:none和display:block的问题
前端面试题-display:none和visibility:hidden的区别
display:none和visiblity:hidden区别
display:none;visibility:hidden;和opacity:0;的区别