条件渲染

v-show

实质上是display:none,适用于切换频繁的场景

v-show可以拿到dom， v-if不一定

v-if

实质上是dom的增删，适用于切换不频繁的场景

写法:
v-if
v-else-if
v-else

template

template只能和v-if一起使用，不能和v-show一起使用

demo

    
    
    




    

        

            
遍历数组
            

                {{p.name}}-{{p.id}}
            
            
            
遍历对象
            

                {{value.name}} - {{value.id}}
            

            
遍历字符串
            

                {{value}} - {{index}}
            

            
遍历指定次数
            

                {{index}}