vue中foreach遍历list集合

在 Vue 中，可以使用 `v-for` 指令来遍历一个数组或对象并渲染对应的元素。示例如下：

<template>
  <ul>
    <li v-for="item in list" :key="item.id">{{ item.name }}</li>
  </ul>
</template>

<script>
export default {
  data() {
    return {
      list: [
        { id: 1, name: 'apple' },
        { id: 2, name: 'banana' },
        { id: 3, name: 'orange' }
      ]
    };
  }
};
</script>

如果需要在 Vue 实例的方法中遍历数组，可以使用 JavaScript 原生的 `Array.prototype.forEach()` 方法。示例如下：

export default {
  data() {
    return {
      list: [
        { id: 1, name: 'apple' },
        { id: 2, name: 'banana' },
        { id: 3, name: 'orange' }
      ]
    };
  },
  methods: {
    handleList() {
      this.list.forEach((item) => {
        console.log(item.name);
      });
    }
  }
};

这样就可以在 `handleList()` 方法中遍历 `list` 数组，并输出每个元素的 `name` 属性。