vue cloneDeep

在 Vue.js 中，要克隆一个对象，你可以使用 `cloneDeep` 方法。`cloneDeep` 方法是 Lodash 库中的一个函数，用于深层次地克隆一个对象。

首先，确保你已经安装了 Lodash 库。可以使用 npm 或 yarn 进行安装：

npm install lodash

或者

yarn add lodash

然后，在你的 Vue 组件中，导入 Lodash 库并使用 `cloneDeep` 方法来克隆对象。下面是一个示例：

import cloneDeep from 'lodash/cloneDeep';

export default {
  data() {
    return {
      originalObject: {
        name: 'John',
        age: 25,
        address: {
          city: 'New York',
          country: 'USA'
        }
      },
      clonedObject: null
    };
  },
  mounted() {
    this.clonedObject = cloneDeep(this.originalObject);
    console.log(this.clonedObject);
  }
};

在上面的例子中，我们导入了 `cloneDeep` 方法，并在 `mounted` 钩子中使用它来克隆 `originalObject` 对象。`clonedObject` 将会是 `originalObject` 的一个深层次的克隆。你可以在控制台输出 `clonedObject` 来查看结果。

请注意，`cloneDeep` 方法在处理嵌套对象时非常有用，因为它会递归地复制对象的所有属性和子属性。这样可以确保你获得一个完全独立的副本，而不是与原始对象共享引用。