V-秀

v-show 指令的使用幾乎與 v-if 的指令相同。唯一的區別是 v-show 支援 <template> 語法,並且沒有替代條件。

var vm = new Vue({
    el: '#example',
    data: {
        a: true
    }
});

基本用法如下……

<!-- will render 'Condition met' -->
<div id="example">
    <h1 v-show="a">Condition met</h1>
</div>

雖然 v-show 不支援 v-else 指令來定義替代條件,但這可以通過否定前一個來實現……

<!-- will render 'This is shown' -->
<div id="example">
    <h1 v-show="!a">This is hidden</h1>
    <h1 v-show="a">This is shown</h1>
</div>