Vue3条件渲染 -06

Vue3条件渲染，v-if v-else

    <div v-if="isShow">v-if的使用</div>
    <div v-else>v-if隐藏的时候v-else显示</div>

    const isShow = ref(true)

和Vue2的条件渲染使用方法一致，简单略过

### 题外话，v-if 和 v-for 为什么不能同时使用

v-for 比 v-if 具有更高的优先级，这意味着 v-if 将分别重复运行于每个 v-for 循环中，造成性能方面的浪费

解决方法：

1、将 v-for 放在外层标签，v-if 放在内层标签。

2、使用 computed 或者对数组进行过滤操作，在v-for 遍历时候就已经把不需要渲染的给筛选出去了