Vue 中如何创建一个无响应性的对象

Question

假如我们有一个表格父组件 table，和一个对其进行编辑的表单子组件 form。
现在希望实现更改 table 条目的功能。

// 父组件中

<form 
  :edit-obj='getObj'
>

//  子组件中

name: 'form',
  props: {
    editObj: Object
  },

于是将父组件的中对象通过 props 传到子组件中。

但是这样绑定的数据是响应式的，编辑的时候父组件中的数据也会立刻改变。
那么有没有办法延迟它的响应，或者创建一个没有响应性的副本呢？

Answer 1

1.子组件中 建个变量接收一下，深拷贝，互不影响，改变之后，你处理完了，emit一下，通知父组件去处理