vue foreach循环数组拿到自己想要的数据方法

在Vue框架中，forEach循环一个数组并拿到自己想要的数据的方法有很多种。以下是一些常用的方法：

1. 使用过滤器

Vue中内置的过滤器可以用来筛选数组中的数据。在模板中使用v-for指令遍历数组，然后将需要的数据传递到过滤器中，最终得到想要的数据。例如：

<div v-for="item in items" :key="item.id">
  {{ item | getSomeData }}
</div>

...

filters: {
  getSomeData(item) {
    return item.someData
  }
}

2. 使用计算属性

计算属性是Vue中一种非常强大的功能，可以对响应式的数据进行处理和计算。在计算属性中，可以通过遍历数组，筛选出需要的数据，并返回它们。例如：

<div v-for="item in someData" :key="item.id">
  {{ getSomeData(item) }}
</div>

...

computed: {
  someData() {
    // 返回需要遍历的数据
    return this.items.filter(item => item.isActive)
  },
  getSomeData() {
    // 遍历数组并返回需要的数据
    return function(item) {
      return item.someData
    }
  }
}

3. 使用方法

Vue中也可以通过在方法中循环数组并获取自己想要的数据。将数组作为参数传递给方法，然后在方法中遍历数组，最终得到想要的数据。例如：

<div v-for="item in items" :key="item.id">
  {{ getSomeData(item) }}
</div>

...

methods: {
  getSomeData(item) {
    // 遍历数组并返回需要的数据
    return item.someData
  }
}

以上三种方法都可以实现在Vue中循环数组并获取自己想要的数据。具体使用哪一种方法取决于具体的需求和场景。