v-if和v-show区别

v-if

v-if=“表达式”

如果里面表达式是true，则显示

如果是false则不显示，html代码也不会加载出来

v-show

v-show=“表达式”

无论表达式为true和为false都会加载对应html代码

为false时用display:none隐藏不在页面显示

为true时页面上用display:block显示其效果

注意

如果需要非常频繁的切换，建议使用v-show；反之则用v-if

v-for优先于v-if

补充

v-for就是循环一个数组，让数组里面的东西展示在页面上

v-for="(item,index) in 数组名字"

如果先要也有v-if判断显示隐藏的话，那就在外面再写一个盒子，盒子里面写上v-if