vue 数组中获取单项字段

Vue.js 中，数组中的每一项都是一个对象。因此，要获取数组中单项的某个字段，可以像访问对象属性一样访问它。

步骤：

1. 确定数组索引：首先，确定要获取字段的数组项的索引。
2. 使用方括号语法：使用方括号语法访问数组项，就像这样：array[index]。
3. 点语法：然后，使用点语法访问字段，就像这样：array[index].field。

示例：

const array = [
  { id: 1, name: "John" },
  { id: 2, name: "Mary" },
];

// 获取第一项的 name 字段
const firstName = array[0].name; // "John"

注意：

• 确保数组索引有效。访问不存在的索引会导致错误。
• 如果需要获取多个字段，可以链式访问，例如：array[0].name.length。
• 还可以使用解构赋值来同时获取多个字段，例如：

const [firstName, lastName] = array[0].name.split(" ");