v-if和v-else是干嘛的呢
这俩哥们儿可不是if{}else{}做循环的
而是做隐藏和显示的
vue提供了一个用于判断的v-if 、v-else语法,可以通过v-if和v-else进行内容的显示与隐藏。下面将通过使用v-if、v-else进行数据的显示与隐藏
那还有一哥们叫v-show
它是干嘛的呢?
简单说法:
v-show:false 相当于 给元素加了 display:none,隐藏起来。
v-if:false 相当于 从页面上删除了元素, remove掉了 。
详细解释
1.v-show跟v-if都是做条件隐藏跟显示用的,
2.v-show是页面加载的时候显示的内容跟隐藏的内容同时加载在页面上只是根据条件进行了隐藏。
3.v-if是页面加载的时候根据条件进行显示需要展示的内容。并且销毁不需要显示的条件内容,每次加载的时候进行销毁当前加载符合条件的内容
4.简单的来说就是前者在页面上可以看见隐藏的条件,后者看不见隐藏的条件。
5.使用场景:v-show在高频切换的时候为了不浪费资源更多的使用,后者在不需要高频切换的时候更多的使用。
那不得不提的还有一个
v-for
是
是