vue使用深拷贝拼接数组

在Vue中，使用深拷贝拼接数组是一种常见的操作，这通常用于避免直接修改原始数据，从而防止因数据变更导致的界面更新问题。在Vue中，我们可以使用几种不同的方法来实现深拷贝。

1. 使用JSON方法：这是最简单的一种深拷贝方法，可以使用`JSON.parse(JSON.stringify(object))`来实现，其中`object`是你想要深拷贝的数组。这种方法的优点是简单易用，但是它有一些限制，比如不能拷贝函数和循环引用的对象。

2. 使用lodash库的`_.cloneDeep`方法：如果你的项目中已经包含了lodash库，那么使用`_.cloneDeep`是一个很好的选择。这个方法能够处理更多复杂的数据结构，并且能够很好地处理函数和循环引用的问题。

3. 使用递归函数：如果上述方法不满足你的需求，你也可以编写一个递归函数来手动实现深拷贝。

下面是一个使用`JSON.parse(JSON.stringify(object))`实现数组深拷贝并进行拼接的例子：

let originalArray = [1, 2, 3];
// 创建原始数组的深拷贝
let clonedArray = JSON.parse(JSON.stringify(originalArray));
// 拼接新的元素
clonedArray.push(4);

console.log(originalArray); // 输出: [1, 2, 3]
console.log(clonedArray); // 输出: [1, 2, 3, 4]

需要注意的是，这种方法不适用于数组元素为对象的情况，因为对象在转换为JSON字符串的过程中会被转换为`null`。