vue 根据数组状态值判断显示不同class

写vue的时候遇到一个需求 ， 根据数组某项的状态来判断显示不同class ， 其实用v-if ， v-else也可以解决 ，
但是想偷懒少写几句代码 ，一样的小伙伴可以参考下

<p :class="item.type === 1 ? 'head-grey' : 'head-blue'" class="line-content-body-head flex">这是一个段落。</p>

注意 class是默认样式 ， 但是没有背景颜色 ， 所以用了vue 的 ：class配合三元来显示不同的元素 ，我这里有两个类型，要么是灰色，要么是蓝色