vue.js - 具有反应性的 Vue 对象。如何在 [{...}] 中转 [{...}, __ob__: Observer]？

Question

用例：

父组件：

<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))
},

但它看起来很糟糕:(