三目判断多条件写法

在多个条件下不使用if-else进行js判断

因为使用的是css样式属性，所以在进行条件判断时候使用了三目运算

之前一直简单使用的方法是

a==1?'是1':'不是1'

后来使用多了进行多条件判断时候才发现可以使用多次判断

完整的全部代码

<template>
  <div :class="test==1?'test1':(test==2)?'test2':(test==3)?'test3':'test4'">
    这是测试文案
  </div>
</template>

.test1{
  color: red;
}
.test2{
  color: aqua;
}
.test3{
  font-size: 30px;
  color: blue;
}
.test4{
  color: pink;
}