vue文档建议在追加属性时使用Object.assign，以使其具有响应性

// instead of `Object.assign(this.someObject, { a: 1, b: 2 })`
this.someObject = Object.assign({}, this.someObject, { a: 1, b: 2 })

但是，这只是当你必须附加一个对象。
对于对象列表，这是初始化数据的方式

newArr = arr.map(item => {
  let newItem = Object.assign({}, item, {
    state: undefined,
    country: undefined,
  });
  return newItem;
});

现在，对象数组中的所有对象属性都是响应式的

Vue还拦截了对Array.push的调用，所以你可能更喜欢这个：

arr.forEach(item => newArr.push(item))

很晚了，但想到了提供答案，因为它可以在未来对其他人有用：
如果你想给一个对象数组中的某个对象添加一个额外的属性，那么你可以使用这样的方法：

var searchId = 1

const cityInfo = arr.find(ele => ele.id === searchId)
Vue.set(identifiersNode, 'state', "Karnataka")
Vue.set(identifiersNode, 'country', "India")

最好的方法是创建一个计算属性。

1.无店铺

一个Vue组件，像这样：

data() {
 return {
  arr: []
 }
},
methods: {
 fetchArr() {
  // fetch array data
  this.arr = [...]
},
computed: {
 newArr() {
   return this.arr.map(item => {
    item.contry = '...'
    item.state = '...'
    return item
  })
 }

2.带商店（Vuex）

state() {
 return {
  arr: []
 }
}

mutations: {
  setArr(state, arr) {
   state.arr = arr
  }
}

actions: {
 fetchArr({commit}) {
 // api call
 commit('setArr', arr)
 }
}

getters: {
 newArr(state) {
  return state.arr.map(item => {
        item.contry = '...'
        item.state = '...'
        return item
      })
  }
}