Javascript 如何在vue中将新列添加到字典数组

我定义了下面的fetch方法，从数据库中获取记录。但我想在每个记录中添加一列，仅用于前端实现。请帮我解决这个问题

<script>
  export default {
    components: {
    },
    data: function() {
      return {
        versions: [],
      };
    },
    created: function() {
      this.fetchVersions();
    },
    methods: {     
      fetchVersions() {
        var that = this;
        var url = '/area/versions.json';

        this.$axios.get(url)
        .then(response => {
          that.versions = response.data;
        })
      },

    }
  };
</script>

我想在每条记录的开头添加一个新列，其值相同，如下所示：

versions: [
  {    
    name: 'Version 1',
    region: 'CBA 09',
  },
  {
    name: 'Version 2',
    region: 'CBA 11',
  }
]

versions: [
  {  
    manager: '0024',
    name: 'Version 1',
    region: 'CBA 09',
  },
  {
    manager: '0024',
    name: 'Version 2',
    region: 'CBA 11',
  }
]

您可以使用和（

…

）：

而且不需要

那个

，因为箭头函数封装了父范围

演示：

const版本=[
{name:'Version 1'，region:'CBA 09'}，
{name:'Version 2'，region:'CBA 11'}
];
log（versions.map（v=>（{…v，manager:'0024'}））
this.versions = response.data.map(v => ({...v, manager: '0024'}));