vue中如何根据数据动态绑定样式

如题：vue中如何根据数据（假数据数组对象dataStatus中，有一项数据status）动态改变样式，若status值为'正常'，div的背景颜色为蓝，若status值为异常，div背景颜色为红

绑定style

<div :style="status==1?{backgroundColor:'red'}:''">

或者绑定class

<div :class="status==1?'red':''">

需要定义类名样式

.red{
  background-color:red;
}

可以用v-if和v-else两个标签 或者:class="status=="正常"?'classblue':'classred'" 三元运算 再或者
:style="{color:status=="正常"?"blue":"red"}"

:class="isShow ? 'item1' : 'item2'"

欧克搞定