vue之组件动态添加style样式的四种写法（齐全）

题记：

根据情况来更改样式的情况非常普遍，下边就是最全的使用锦集！

一： 对象

二： 数组

三： 三目表达式

四：绑定data对象

 
data() {
    return{
      styleObject: {
        color: 'pink',
        fontSize: '10px'
      }  
    }
}

多重值(浏览器会根据运行支持情况进行选择)

使用

我们经常会遇到我们进入的页面由于角色的不同导致样式的不同，那么跳转时候携带变量过去进行判断然后给相应的样式即可！