vue中的条件判断（v-if与v-show）

具体代码如下

<template>
  <div>
    <h1>条件判断h1>
    
    <div v-if="isShow">isshow为true才能显示div>
    <div v-else-if="isElse">isElse为true的时候才显示div>
    <div v-else>所有条件都不满足div>

    
    <div v-show="isShow2">通过v-show来控制条件渲染div>
  div>
template>

<script>
export default {
  name: 'demo1',
  data () {
    return {
      isShow: true,
      isElse: true,
      isShow2: true
    }
  },
  mounted () {
    setTimeout(() => {
      this.isShow = false
    }, 3000)
    setTimeout(() => {
      this.isElse = false
    }, 1000)
  }
}
script>