vue3 深度拷贝合并多个对象

在 Vue 3 中，可以使用 `mergeDeep` 方法来深度拷贝合并多个对象。这个方法接受任意数量的参数，每个参数都是一个对象。它会递归地合并这些对象，如果有相同的属性，后面的属性会覆盖前面的属性。

示例代码：

import { mergeDeep } from 'vue';

const obj1 = { a: { b: 1 }, c: { d: 2 } };
const obj2 = { a: { c: 3 }, e: { f: 4 } };
const obj3 = { g: 5 };

const mergedObj = mergeDeep(obj1, obj2, obj3);

console.log(mergedObj); // { a: { b: 1, c: 3 }, c: { d: 2 }, e: { f: 4 }, g: 5 }

在上面的代码中，我们先导入了 Vue 3 的 `mergeDeep` 方法，然后定义了三个对象 `obj1`、`obj2` 和 `obj3`。最后使用 `mergeDeep` 方法将它们合并成一个新的对象 `mergedObj`。其中，如果有相同的属性，后面的属性会覆盖前面的属性。最终输出的对象包含了所有三个对象的属性。

需要注意的是，在 Vue 3 中，`mergeDeep` 方法只能用于合并普通的 JavaScript 对象，不能用于合并 Vue 组件实例。如果需要合并 Vue 组件实例，可以使用 `extend` 方法来创建一个新的组件，并将原来的组件作为父组件。然后将需要合并的属性和方法都添加到新的组件中，最后使用 `mount` 方法将新的组件挂载到 DOM 中。