vue style 三元表达式

Vue的style属性可以使用三元表达式来根据条件动态设置样式。

例如，根据isRed变量的值来设置颜色：

<div :style="{color: isRed ? 'red' : 'black'}">Hello world</div>

如果isRed为true，则设置颜色为红色，否则为黑色。

另外，也可以使用计算属性来实现同样的效果：

<div :style="myStyle">Hello world</div>

computed: {
  myStyle() {
    return {
      color: this.isRed ? 'red' : 'black'
    }
  }
}

这样，当isRed变量的值改变时，样式也会随之改变。