vue2动态绑定style，class，连续三元判断

<div :class="['nav',{ 'fixationClass' : fixation}]"></div>
:class="['lists',status == 1 ? 'extended' : 'article']"

:class="[item.is_reservation == 0 ? 'audit-skip' : item.is_reservation_complete == 1 ? 'audit-skip' :'']"

<span :style="{color:item.value == xx ? '#0000ff' : '',cursor:item.value == xx ? 'pointer' : ''}"></span>

:style="{
        transform: `rotate(${rotateDegrees}deg)`,
        background: `url(https://blog.csdn.net/$%7BimageSrc%7D) no-repeat center / 100% auto`,
    }"

注意:style要采用驼峰命名法borderLeft: '0.625rem solid transparent',

 bucket: process.env.VUE_APP_SCENE === 'MASTER' ? handout !== '课程讲义' ? 'static-master' : 'auth-master' : process.env.VUE_APP_SCENE === 'DEV' ? handout !== '课程讲义' ? 'static-dev' : 'auth-dev' : handout !== '课程讲义' ? 'static-dev' : 'auth-dev'