Vue v-bind

• v-bind可以簡寫 :

• v-bind對class的動態(tài)綁定

  <!--動態(tài)綁定class JSON形式-->
  <!--1.class會和:class的內容合并，并不會存在替換。-->
  <!--2.:class后面的Boolean為true，則該類就會被激活-->
  <view  class="類名3" :class="{類名:Boolean,類名2:Boolean}"></view>
  
  <!--動態(tài)綁定class 數(shù)組形式-->
  <!--1.class會和:class的內容合并，并不會存在替換。-->
  <!--2.數(shù)組形式綁定多個class-->
  <view  class="類名3" :class="[類名1,類名2]"></view>
  

• v-bind對style的動態(tài)綁定

  <!--動態(tài)綁定style JSON形式-->
  <!--1.style會和:style的內容合并-->
  <view  style="border:solid 1px #000000" :style="{backgroundColor:'red'}"></view>
  
  <!--動態(tài)綁定style 數(shù)組形式-->
  <!--1.style會和:style的內容合并-->
  <view  style="border:solid 1px #000000" :style="[backgroundStyle,]"></view>
  <script>
   export default{
       data(){
         return {
            backgroundStyle:{
               backgroundColor:'#000000',
               width:'100rpx'
            }
         }
       }
   }
  </script>