vueforEach遍历map获取value

在 Vue 中，可以使用 `v-for` 指令来遍历数组或对象。对于 Map 对象，可以通过 `Map.prototype.entries()` 方法获取其键值对的迭代器，然后使用 `Array.from()` 方法将其转换为数组进行遍历。

下面是一个示例代码：

<template>
  <div>
    <ul>
      <li v-for="(value, key) in myMap" :key="key">{{ key }}: {{ value }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      myMap: new Map([
        ['key1', 'value1'],
        ['key2', 'value2'],
        ['key3', 'value3']
      ])
    }
  }
}
</script>

在上面的代码中，我们将一个 Map 对象存储在 `myMap` 数据属性中，并在模板中使用 `v-for` 指令遍历该对象。在每一次迭代中，我们将当前的值存储在 `value` 变量中，将当前的键存储在 `key` 变量中，并将它们显示在模板中。

注意，我们在 `v-for` 指令中将键值对的顺序反转，这是因为在 Map 对象中，键值对的顺序是不确定的。