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

v-if和v-show的区别

v-if

1.v-if通过判断条件来决定是否渲染元素，条件为真将渲染元素，条件为假便不会渲染这个元素。
2.使用v-if的元素可以和使用v-else-if相邻的元素搭配使用。
3.v-if可以用在template标签上。
4.v-if条件不满足将被摧毁满足条件又创建，不适用以后频繁切换该元素

v-show

1.v-show通过判断条件来决定元素隐藏或显示，条件为真display:block,条件为假display:none。
2.v-show只能单独使用。
3.v-show不可以用在template标签上。
4.使用v-show的元素刚开始就会被创建，适用于以后会频繁切换该元素

v-if和v-show的使用

<p v-if="0 > 0">逆战班</p>
<p v-show="10 > 0">逆战班</p>