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>