在vuex的store里获取的数据如何做分类处理，并添加属性

Question

我在 vuex中请求到的数据：data: [    {    id: 1,    play_alias: 'basketball', // 商品简称    play_type: '001', // 玩法    order_status: 1, // 0.待支付; 1.支付成功,待出票; 2.出票成功,待开奖; 3.出票失败,待退款, 4.已退款, 5.未中奖, 6.已中奖    show_status: 1,  // 显示状态; 0,不显示（用户删除）, 1,显示        },    {    id: 2,    play_alias: 'football'    play_type: '003',    order_status: 4,    show_status: 1,    }]需要这样展示：问题：根据show_status判断是否显示；根据order_status分类，中奖、待开奖、未开奖；根据play_alias添加固定的中文名(我的想法是根据play_alias添加一个play_name属性，然后直接渲染play_name上去就好了)

Answer 1

1.可以在组件里加filter，具体怎么用可以看vue的文档，有专门的filter讲解（不鼓励做伸手党，看文档能学到更多的东西
2.差值表达式可以执行简单的js代码，分支过多还是算了。或者在请求返回交给state之前处理掉
3.如果中文名称与play_alias字段的映射关系不想维护在前端可以增加一个字段，否则也可以用第二条，在返回后交给state之前处理掉