vue 数组赋值 拷贝

Vue中数组的赋值和拷贝是常见的操作，但需要注意的是它们的区别。

数组赋值是将一个数组变量赋值给另一个数组变量。这样的赋值不会创建新的数组，而是将两个变量指向同一个内存地址。如果其中一个变量修改了数组的值，另一个变量也会受到影响。

数组拷贝是将一个数组的值复制到另一个数组中。这样可以创建一个新的数组，两个数组在内存中的地址是不同的。如果其中一个数组修改了值，另一个数组不会受到影响。

Vue提供了一些方法来实现数组的拷贝，包括slice、concat、扩展运算符和Object.assign等。其中，扩展运算符是最简便的方式，示例如下：

const arr1 = [1, 2, 3];
const arr2 = [...arr1]; // 使用扩展运算符进行数组拷贝
console.log(arr2); // [1, 2, 3]

需要注意的是，如果数组中的元素是引用类型，使用数组拷贝方法时只会拷贝引用，而不会拷贝引用类型对象的值。如果需要完整拷贝，需要使用深拷贝方法，如JSON.parse(JSON.stringfy())。