這幾種是我平常經常用的常規用法，並不是全部用法

class第一種用法：物件，true，false控制

this.$store.state.threeD.isactive：布林，用來控制activeclass這個類是否顯示

<span :class="{'bodstyle':true, 'activeclass':this.$store.state.threeD.isactive}">報表</span>

class第二種用法：三目運算

<span class="iconfont" :class="index === 0? 'icon-shiliangzhinengduixiang' : 'icon-shiliangzhinengduixiang'"></span>
 

style的第一種用法：資料的動態變化

<span class="one" v-for="(item, index) in datastye" :key="index">
    <span class="one-two" :style="{color: item.color}">
       {{item.num}}
    </span><br>{{item.type}}
</span>

style的第二種用法：三目運算

<span :style="{color:(index==0?arr.conFontColor:'#000')}">跳轉</span>