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>