标题的判断（运用计算属性）

<template>
    <div>
    我是{{title}}状态的订单
    </div>
</template>
<script>
const statusMap = {
  'NOT_PAYED': '待付款',
  'STOCKUP_PENDING': '待商家接单',
  'DELIVERY_PENDING': '待使用',
  'RECEIVING': '已到店',
  '0': '订单待评价',
  'COMPLETE': '订单已完成',
  'PAID_CANCEL': '订单已取消',
  'CANCEL': '订单已取消',
  'EXPIRE': '订单已取消',
}
data(){
return:{
      orderStatus: '' //状态
       }
   }
computen:{
     title(){
         return this.orderStatus == 'COMPLETE' && this.orderData.isEvaluate === 0 ? 
                  statusMap['0']:statusMap[this.orderStatus] || '订单详情'
     }
}
</script>

在data外面定义状态类型，在计算属性里定义title来根据接口返回的状态（orderStatus）来判断返回statusMap里的值。