1 <template>
2 <h1>条件渲染</h1>
3
4 <P>1、v-if v-else 示例：</P>
5 <div v-if="flag">你能看见我么，if</div>
6 <div v-else>那你还是看看我吧，else</div>
7
8 <p>2、v-else-if 示例：</p>
9 <div v-if="type==='A'">A</div>
10 <div v-else-if="type==='B'">B</div>
11 <div v-else-if="type==='C'">C</div>
12 <div v-else>Not A B C</div>
13
14 <p>3、v-show示例：v-show的渲染会以 style="display:none;"的方式通过样式控制是否隐藏</p>
15 <div v-show="flag">show的渲染</div>
16
17 </template>
18 <script>
19 export default{
20 data(){
21 return{
22 flag:true,
23 type:"D"
24 }
25 }
26 }
27 </script>
