1。先看效果。让我们看一下代码。3、一一分解(1)v-show:控制元素的display属性是否为none(2)v-if:控制页面是否添加或删除dom元素(3)opacity:0;:css属性,控制元素的透明度(4)display:none;:css属性,控制dom元素是否显示4.性能:(1)两者都会导致页面的重绘和重排,但是v-show只是改变了dom的css,而v-if控制了dom的增删改查,所以v-if在重绘和重排之前仍然执行增删dom元素的操作。(2)当需要多次切换某个元素的显示或隐藏时使用v-show(3)使用v-if(4)当元素存在或渲染后隐藏时,opacity也可以隐藏该元素,但它本身的作用不是隐藏元素而是设置元素的透明度,当不透明度为0时,dom也会占用空间。
