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

Question

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

Answer 1

绑定style

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

或者绑定class

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

需要定义类名样式

.red{
  background-color:red;
}