具有反应性的Vue对象。如何在[{...}]中转变[{...}，__ ob __：观察者]？

Question

USECASE：

父组件：

<form-component :fields="form.fields" />

components: {formComponent},
data () {
  return {
    form: {
      fields: [
        {type: 'phone', name: 'phone'}
      ]
    }
  }
}

在data中的子组件中，我在fields道具

中添加了一些属性

变式1：

vm.arr // [{…}, __ob__: Observer]
vm.arr= JSON.parse(JSON.stringify(vm.arr))
vm.arr // [{…}, __ob__: Observer]


mounted () {
  let vm = this
  vm.formatFields = vm.fields.map(function (f) {
    f.invalid = false
    return f
  })
  vm.formatFields = JSON.parse(JSON.stringify(vm.formatFields))
},

但它看起来很糟糕:(