vue入门day04

vue的元素控制指令

v-show、v-if




    
    
    
    Document
    


    

p1

p2

页面显示如下:
vue入门day04_第1张图片
通过如上所示,应该能看得出来,v-show取值为false时,只是隐藏dom(display:none)。
下面演示v-if




    
    
    
    Document
    


    

老年人

中年人

成年人

未成年

页面显示如下:
vue入门day04_第2张图片
相信大家能够看得出来v-show与v-if的区别了吧?v-if的值为false的时候,dom压根就不会创建

你可能感兴趣的:(vue入门)