json对象的值映射为中文显示

Question

比如请求后返回的json串

{
    color:1,
    ...
}

颜色数字与中文对应关系：(1:蓝色 2:黄色 3:绿色)
想问，怎么转换成中文绑定到data对象中？（前端用vue写的）

Answer 1

 <ul>
      <li v-for="(item,index) in colorList" :key="index" >
          {{colorType[item.color-1]}}
      </li>
 </ul>

 data () {
    return {
      show: false,
      colorType: ['蓝色', '黄色', '绿色'],
      colorList: [
        {
          color: 1
        },
        {
          color: 2
        },
        {
          color: 3
        }
      ]
    }