vue 中 push() 方法向响应式数组末尾添加元素，语法为 push(...items)。它直接更改数组并触发更新。

Vue 中 push() 的用法

Vue 中的 push() 方法用于向一个响应式数组的末尾添加一个或多个新元素。它是一个变异方法，这意味着它直接改变数组，并且会在数组发生变化后触发更新。

语法

push(...items)

• items：要添加到数组中的一个或多个元素。

用法

使用 push() 方法向数组中添加元素非常简单。例如：

const arr = ['foo', 'bar'];

// 向数组末尾添加一个元素
arr.push('baz');

// 向数组末尾添加多个元素
arr.push('qux', 'quux');

以上代码将在 arr 数组中添加元素 "baz"、"qux" 和 "quux"。

注意点

• push() 方法会改变原始数组，并返回新数组的长度。
• 由于 push() 是一个变异方法，它可能会影响响应式系统。建议在使用前考虑是否可以使用非变异的方法，例如 concat() 或 slice()。
• push() 方法不会触发 Vue 的 v-for 指令的重新渲染。