vue.js指令 v-bind v-show v-if v-if v-else-if

1

v-bind:属性名=' ' 绑定一个属性 简写为 :属性名='值'

2

v-show="" v-if=""控制元素的显示或隐藏 v-show相当于display:none v-if相当于visibility:hidden; visibility:hidden;元素虽然被隐藏了但是仍然占据原来所在的位置 当元素被隐藏后就不能再接受其他事件了 display:none;元素被隐藏了 其后面的元素自动占据其位置

    
    
    


        

              点击切换 
              

         
          
          






    
    


        

              
{{msg}}
              
{{msg}}
        
        
          

3

v-if v-else-if v-else

    
    


   

       
0000000000000000
       
111111111111
       
2222222222222
       
333333333333
       
444444444444
       
55555555555555555