Vue 条件判断相关指令

一、v-if 指令

二、判断一组元素

使用<template>元素包裹元素

<!-- template包裹一组元素 -->
<template v-if="show">
    <span>1</span>
    <span>2</span>
</template>

三、v-else / v-slse-if 指令

四、v-show指令

该指令是根据表达式来判断是显示还是隐藏dom元素

隐藏时 内联样式 添加了一个style="display:none"