1. 程式人生 > >6.3-條件渲染(v-show)

6.3-條件渲染(v-show)

<div id="app">
    <p v-show="flag">1321231231</p>
</div>
<script>
    var vm=new Vue({
        el:'#app',
        data:{
            flag:false,
        }
    })
</script>

 

和v-if用法類似,

但是v-if是操作頁面的DOM,

而v-show是操作標籤的樣式

注意:v-show不支援<template>標籤,也不支援v-else/v-else-if。

 

如果某處的渲染開銷頻繁的話,用v-show; 反之則使用v-if;