vue深拷贝的几种实现方式

在Vue中实现深拷贝有多种方式，以下是几种常见的实现方法：

1. 使用JSON.parse(JSON.stringify())：

let obj = { a: 1, b: { c: 2 } };
let deepCopy = JSON.parse(JSON.stringify(obj));

2. 使用lodash的cloneDeep方法：

npm install lodash

import cloneDeep from 'lodash/cloneDeep';
 
let obj = { a: 1, b: { c: 2 } };
let deepCopy = cloneDeep(obj);

3. 使用jQuery的extend方法：

npm install jquery

import $ from 'jquery';
 
let obj = { a: 1, b: { c: 2 } };
let deepCopy = $.extend(true, {}, obj);

4. 使用Vue自身的mergeDataOrFn助手函数（Vue 3）：

import { mergeDataOrFn } from 'vue';
 
let obj = { a: 1, b: { c: 2 } };
let deepCopy = mergeDataOrFn(obj);

注意：JSON.parse(JSON.stringify())方法有局限性，它不能处理包含循环引用的对象或不是可序列化的对象（例如，函数、undefined、Symbol值等）。因此，对于复杂或特殊的对象，可能需要结合使用其他深拷贝方法或自定义函数来处理。