vue的foreach配合filter怎么用

在Vue中，可以使用`forEach`方法结合`filter`方法来对数组进行遍历和筛选。

首先，假设我们有一个名为`items`的数组，我们想要对其中的元素进行遍历和筛选操作。可以按照以下步骤进行操作：

1. 使用`forEach`方法对数组进行遍历，语法如下：

   items.forEach(function(item) {
     // 对每个元素执行操作
   });

在这个函数中，可以对每个元素执行相应的操作。

2. 在`forEach`的回调函数中，可以使用`filter`方法对元素进行选。`filter`方法会返回一个新的数组，其中包含满足筛选条件的元素。语法如下：

   items.filter(function(item) {
     // 返回满足条件的元素
   });

在这个函数中，可以根据需要编写筛选条件，并返回满足条件的元素。

下面是一个示例代码，演示了如何使用`forEach`配合`filter`来对数组进行遍历和筛选：

// 假设有一个名为items的数组
var items = [
  { id: 1, name: 'Apple', price: 10 },
  { id: 2, name: 'Banana', price: 5 },
  { id: 3, name: 'Orange', price: 8 },
  { id: 4, name: 'Grape', price: 12 }
];

// 遍历并筛选数组
var filteredItems = [];
items.forEach(function(item) {
  if (item.price > 8) {
    filteredItems.push(item);
  }
});

// 输出筛选结果
console.log(filteredItems);

这段代码会输出价格大于8的水果对象数组。