vue绑定style-爱代码爱编程

1.写法一【对象写法】
①

<span :style="{color:'red'}">{{word}}</span>

②

<span :style="style">{{word}}</span>

style: { fontSize: '13px' }

2.写法二【数组写法】
①

 <span :style="styles">{{word}}</span>

styles: [{ color: 'red' }, { fontSize: '30px' }]

②

<span :style="[style,style2]">{{word}}</span>

style: { fontSize: '13px' },
style2: { color: 'pink' },

注意事项：
在style绑定样式中，写css属性的时候，两种写法
①使用驼峰式，eg: fontSize
②使用短横线分割【这边需要加上单引号】， eg: ‘font-size’