Vue动态绑样式

一般会配合三元表达式进行动态的判断如过比较简单的可以直接在style上直接写属性判断

v-bind:style={color:myColor,fontSize:fontSize + 'px'}

一  什么是vue 动态绑定    一般 用 v-bind 来表示进行动态的绑定

   

示例： v-bind:style     但是我们一般都使用缩写形式:style 

二、动态绑定的方式

1.对象形式

代码如下（示例）：

v-bind:style="{name,age}"

2.数组形式

代码如下（示例）：
 

v-bind:style="[name,age]"

2.一般 如果需要计算的建议这样写（calc()） 还有这样可控性大大提高
 

​

   配合三元表达式动态处理连续写法

不使用:v-bind 实现动态绑定 ``  反引号

   style=`color:${ mycolor }`