Vue実戦------v-bind用法详细解

1.ラベル属性をバインドできます

        
    
    
          var app = new Vue({
              el: '#app',
              data:{
                  url:'https://waimai.baidu.com'
              }
          })
    

2.複数の属性をバインドすることもできます

    

        
    
    
          var app = new Vue({
              el: '#app',
              data:{
                  url:'https://waimai.baidu.com',
                  target:'_blank'

              }
          })
    

3.オブジェクトのバインドも可能

   

     
        
test
    


    var app1 = new Vue({
              el:'#app',
              data:{
                  isActive:true
              }
     });

または、オブジェクトを直接バインドすることもできます.
4.配列をバインドできます
この配列にはオブジェクト属性もオブジェクトも配置できます
5.三元式でclassを切り替えることもできます
6.ブラウザの互換性をサポートするために複数のプロパティをバインドすることもできます.
ブラウザでサポートされている最後の値がレンダリングされます
ブラウザがプレフィックスなしflexboxをサポートしている場合、最後にdisplay:flexが表示されます.