灵灵7
灵灵7

v-if v-else v-else if 条件指令/ v-if 与 v-show 区别

 

用法一、布尔值ture/false 显示/隐藏元素

1. true 显示元素：v-if的值和seen 属性值一致，为 true。

元素显示




  
现在你看到我了

v-if v-else v-else if 条件指令/ v-if 与 v-show 区别_第1张图片

2.flase 隐藏元素：把app3.seen 属性值改为false，v-if的值也为false，

元素隐藏


  
现在你看到我了

v-if v-else v-else if 条件指令/ v-if 与 v-show 区别_第2张图片

 

用法二、在