vue中v-if和v-show的区别

v-if 是根据条件来判断是否要渲染该元素。

而 v-show是已经渲染了该元素用css来决定他显不显示。

看起来似乎是v-if比较好一点。但是作为元素间的切换的话。v-if有较高的切换开销。

所以当如果你的页面元素要经常切换的话用v-show会比较好。当不需要经常切换的时候，这种情况就用v-if比较好。

如果要做个类比的话

v-if的模式就像是 能给你拿到苹果和梨但是 v-if的模式是等你要哪一种的时候 v-if跑去菜市场去给你买那一种

v-show的模式就像是 提前给你买好了苹果和梨，如果你要梨v-show就挡住苹果，如果要苹果的话就挡住梨

这么一对比就能比较清楚的知道他们各自的优缺点了