Vue中使用Style变量

Vue能不能实现数据驱动style样式呢？

官方提供的办法是在 <template> 里使用 :style 或者 :class 的方式赋值。但它们有个缺陷，即无法设置 伪元素 的css属性，例如，如果想设置

就没法用上述方法实现。

css提供了 var() 函数，能够动态设置样式的属性。Vue可以通过下面这两种方法实现对 var() 函数的传参。

只记录几个我比较常用的哈~

1.多个类名判断

2.三目判断

3.条件判断

动态使用style的时候属性要用驼峰！驼峰！

1.条件判断

2.使用函数判断

---