v-else

v-else 指令

用法： 为 v-if 或者 v-else-if 添加 “else 块”。

注意

v-else 元素必须紧跟在 v-if 或者 v-else-if 元素的后面——否则它将不会被识别。

示例

<div v-if="Math.random() > 0.5">
  Now you see me
</div>
<div v-else>
  Now you don"t
</div>

代码示例1

 <div id="demo">
        <template v-if="login">欢迎来到这里学习</template>
        <template v-else="login">请登录</template>
    </div>

<script>
    var app=new Vue({
        el:"#demo",
        data:{
            login:true
        }
    });
</script>

[success]预览：https://ityanxi.github.io/Vue-tutorial/chapter04/05v-else.html