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>