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

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

// 父组件中

<form 
  :edit-obj='getObj'
>
//  子组件中

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

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

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

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

可以利用浅拷贝 拷贝的数据会发生变化 被拷贝的数据不会发生变化