vue如何通过某个字段获取详细信息

获取某个字段的详细信息，实际上是一个“筛选出符合条件的对象”的问题，因此实现这个功能需要涉及到数组的筛选和对象属性的访问。

下面是一个具体的实现步骤：

1. 通过filter()方法筛选数组中符合条件的对象

在Vue中，可以使用filter()方法对数组进行筛选。该方法的参数是一个函数，用于对数组中的每个元素进行判断，如果返回true，则当前元素会被保留在新数组中，否则被过滤掉。

例如，假设我们有一个存储用户信息的数组，其中每个元素都是一个对象，其包含id、name、age等属性。如果我们想要根据id字段来获取某一个用户的详细信息，可以使用以下代码：

var users = [
  {id: 1, name: '小明', age: 20},
  {id: 2, name: '小红', age: 18},
  {id: 3, name: '小刚', age: 22}
];

var userId = 2;
var user = users.filter(function(item){
  return item.id === userId;
})[0];

console.log(user);

其中，filter()方法接收一个函数作为参数，该函数中的item表示当前被筛选的元素。函数返回结果为true表示当前元素符合条件，被保留在新数组中，返回结果为false表示当前元素不符合条件，被过滤掉。

上述代码中的userId就是我们要查找的用户的id，通过filter()方法筛选出id等于userId的对象。由于filter()方法返回的是一个数组，因此我们可以直接通过下标[0]来获取到符合条件的对象。

1. 访问对象属性获取详细信息

我们已经通过filter()方法筛选出了符合条件的对象，接下来就需要从该对象中获取详细信息。由于对象的属性可以通过.或[]来进行访问，因此我们可以直接使用以下代码获取符合条件的用户的姓名和年龄：

var userName = user.name;
var userAge = user.age;

console.log(userName, userAge);

如果我们的用户信息比较复杂，例如一个包含多个子对象的嵌套结构，我们可以通过下面的示例代码来获取更为复杂的属性：

var users = [
  {
    id: 1,
    name: '小明',
    age: 20,
    address: {
      city: '北京',
      street: '朝阳区'
    }
  },
  {
    id: 2,
    name: '小红',
    age: 18,
    address: {
      city: '上海',
      street: '浦东新区'
    }
  }
];

var userId = 2;
var user = users.filter(function(item){
  return item.id === userId;
})[0];

var userCity = user.address.city;
var userStreet = user['address']['street'];

console.log(userCity, userStreet);

上述代码中的users数组包含了多个对象，其中每个对象均包含一个address属性，该属性又是一个包含两个子属性city和street的对象。我们使用与上一个示例相同的方法通过filter()方法筛选出了id等于2的用户，并使用.和[]分别来访问其address、city和street属性，从而获取到了用户所在城市和街道信息。

最后需要提醒的是，实际开发中，访问对象属性的方式可能会更加灵活，例如使用Vue的指令来进行属性绑定和访问等，具体使用方式可以参考官方文档。