说说v-if和v-show,捎带opacity和display

1.先看看效果
image.png
4.性能上:
(1)两者都会导致页面的重绘和重排,但v-show只是改变dom的css,而v-if控制的是添加和删除dom,所以v-if在重绘重排前还进行了添加或删除dom元素的操作。
(2)需要多次切换某个元素的显示或隐藏时使用v-show
(3)某个元素在渲染后就一直存在或隐藏时使用v-if
(4)opacity也可以隐藏元素,但它本身的作用并非用来隐藏元素而是设置元素的透明度,并且opacity为0时,该dom同样占用着空间。

你可能感兴趣的:(前端,vue.js,css)