Vue.js 电视节目

示例

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>