The value mapping of the json object is displayed in Chinese

for example, the json string returned after the request

{
    color:1,
    ...
}

the corresponding relationship between color numbers and Chinese: (1: blue 2: yellow 3: green)
would like to ask, how to convert to Chinese to bind to the data object? (the front end is written in vue)

Nov.08,2021

 <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
        }
      ]
    }
  
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1bee2bb-31bf5.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1bee2bb-31bf5.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?