03 ：vue3 条件渲染

<template>
<h1>条件渲染</h1>

<P>1、v-if v-else 示例：</P>
<div v-if="flag">你能看见我么，if</div>
<div v-else>那你还是看看我吧，else</div>

<p>2、v-else-if 示例：</p>
<div v-if="type==='A'">A</div>
<div v-else-if="type==='B'">B</div>
<div v-else-if="type==='C'">C</div>
<div v-else>Not A B C</div>

<p>3、v-show示例：v-show的渲染会以 style="display:none;"的方式通过样式控制是否隐藏</p>
<div v-show="flag">show的渲染</div>

</template>
<script>
export default{
  data(){
    return{
      flag:true,
      type:"D"
    }
  }
}
</script>