vue 中v-if 的使用

条件判断
1.v-if
在元素和templa中使用v-if指令
1.1 如果条件为真，则显示当前的标签
但是其他的不满足条件的Dom则不会显示
1.2不满足条件的Dom也不会出现在浏览器的Dom树中；

2.v-if  v-else-if   v-else  不一定要同时使用
但是前面没有v-if 不能使用 v-else-if 和v-else
如何判定前面，所谓的前面就是当前标签的哥哥元素，
如果写了，不影响后续代码的执行

例题1.

    
现在你看到了
    



例题2.
随机生成一个数字，判断是否大于0.5，然后输出对应信息：

    

        soory //大于0.5显示的是我
    
    

    not sorry  //小于0.5显示的是我
    



2.v-else-if  可以链式的多次使用
例题2.判断type变量的值

    

      A
    
    

      B
    
    

      C
    
    

      not A/B/C
    



3. v-show指令
            v-show  显示
            v-show = true  显示
            v-show = false 不显示
            v-show的核心是控制元素样式的display属性

    
我是v-show

	


例题2.
 

        
        


        
            {{point >= 80 ? "优秀" : "良好"}}

        

        

            {{point >= 80 ? "优秀" : "良好"}}