vue 中... 主要用法

在 Vue.js 中，`...` 主要用于以下两个地方：

1. 对象的扩展运算符

在对象中，使用 `...` 可以将一个对象展开成多个键值对，可以方便地进行对象的合并或复制操作。例如：

const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const newObj = { ...obj1, ...obj2 };
// newObj 等价于 { a: 1, b: 2, c: 3, d: 4 }

在上述示例中，我们使用 `...` 将 `obj1` 和 `obj2` 对象展开成多个键值对，并将它们合并到一个新的对象 `newObj` 中。

2. 数组的扩展运算符

在数组中，使用 `...` 可以将一个数组展开成多个元素，可以方便地进行数组的合并或复制操作。例如：

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const newArr = [...arr1, ...arr2];
// newArr 等价于 [1, 2, 3, 4, 5, 6]

在上述示例中，我们使用 `...` 将 `arr1` 和 `arr2` 数组展开成多个元素，并将它们合并到一个新的数组 `newArr` 中。

除了上述两个用法之外，`...` 还可以用于函数的参数传递，以及其他一些扩展运算的场景。