你這個(gè)問(wèn)題確實(shí)在項(xiàng)目中經(jīng)常遇到，我一般就是用v-if去判斷，如果說(shuō)寫成方法，我覺(jué)得閱讀性不見得就好到哪里去，這個(gè)需要對(duì)這塊業(yè)務(wù)比較熟悉的話應(yīng)該就比較好理解，實(shí)在不行你就在這里加注釋，舉個(gè)例子。

// isStatus 0 商品未上架 1 商品銷售中 2 商品已下架
<div v-if="item.isStatus === 0">未上架</div>
<div v-if="item.isStatus === 1">銷售中</div>
<div v-if="item.isStatus === 2">已下架</div>

如果只是文字的不同，可以用數(shù)組或者對(duì)象把狀態(tài)寫出來(lái)

<div class="status">statusList[data.status]</div>
//狀態(tài)從0開始，可以用數(shù)組
statusList:['未上架','銷售中','已下架',...]
//狀態(tài)任意值，都可以用對(duì)象
statusList:{
    0:'未上架',
    1:'銷售中',
    2:'已下架',
    ...
}

用computed 計(jì)算屬性

//  如果是data里面已有的屬性  那么直接用computed
//  如果是根據(jù)后臺(tái)返回的數(shù)據(jù)
<div class="div" v-if="isShow(data.isOut)"></div>
methods:{
    isShow(val){
        //具體邏輯  
        // return  true or  false
    }
}