vue 条件语句

• v-if

如果是true那么显示元素，否则删除元素
在元素中使用v-if
在模板中使用v-if
下面是一个例子：

   
   
{{'bool2'}}

注:template并不会显示在页面上

• v-else

要与v-if同级

   

       {{'>0.5'}}
   
   

       {{'<=0.5'}}
   

var vifelse=new Vue({
   el:"#vifelse",
   data:{
       random:0
   },
   methods:{
       randomCompareTo0_5:function () {
           this.random=Math.random();
           return this.random>0.5;
       }
   }
});

• v-else-if

   

       {{'>0.5'}}
       

           {{'true'}}
       
       

           {{'false'}}
       
   
   

       {{'>0.3'}}
   
   

       {{'<=0.3'}}
   

• v-show

相当于只有v-if

   

       {{'>0.5'}}