vue动态绑定属性--动态绑定style

动态绑定style

　　使用v-bind:style绑定css内联样式，写属性名时，使用驼峰式或短横分隔（单引号括起来），如属性font-size,驼峰式写法fontSize，短横写法：'font-size'

1.对象语法　　

　　语法格式：:style="{属性名:属性值,属性名:属性值}"


     
     v-bind绑定style
     v-bind绑定style

2.数组语法



    
    v-bind绑定style--数组语法

当绑定的对象或数组太长时，可以使用计算属性或方法将其返回，以对象语法为例


     
     v-bind绑定style--对象语法 (多)-

vue实战中的问题 vue

v-bind绑定style