Vue 指令 - v-bind 绑定标签属性

1.绑定属性名，” “里面是变量 可以是string object array

 bind:href="link" :title="linkname">百度</a>

//绑定的是string
<a :href="link" :title="linkname" v-text="linkname" :class="classStr">a>

//绑定的是array   class="hello world classC"
<a v-bind:href="link" :title="linkName" v-text="linkName" :class="[classA,classB,{classC:haserror}]">a>

//绑定的是object  class="classC"
<a v-bind:href="link" :title="linkName" v-text="linkName" :class="{classC:haserror}">a>

export default {
    data(){
      return {
        link:"http://www.baidu.com",linkname:"百度",
        //因为绑定的属性值是一个变量，所以可是是string，object，array
        classStr:"red",
        classStr:{
          'font-red':true,
          'font-weight':false
        }
        classStr:['font-red','font-weight']，


        //如果绑定的直接是数组，对象
        classA:"hello",
        classB:"world",
        haserror:true   //true为class显示
      }
    }
}