如何停止Vue 3中变量的响应性？

Question

我正在使用Nuxt 3，我需要停止响应式常量的响应性。我有一个formData对象，一旦点击提交，我需要从formData对象中删除一些键。

我已经将formData赋值给另一个变量submitData，然后使用delete submitData.key来删除键，但它同时也从formData中删除了键，而我希望它不会从主要的formData对象中删除。

Answer 1

你可以创建一个formData的浅拷贝。

const submitData = { ...formData };

或者使用lodash的`cloneDeep`进行深拷贝。

const submitData = _.cloneDeep(formData);

两者都会创建一个具有与原始对象相同的属性和值的新对象。然而，新对象在内存中是一个独立的实体，与原始对象不同。对副本进行的修改不会影响原始的formData对象。