vue.js的map函数

Vue.js中提供的map函数与JavaScript中的map函数类似，可以对数组进行遍历并返回一个新的数组。

Vue.js中的map函数接收两个参数，第一个参数为要遍历的数组，第二个参数为一个回调函数，该回调函数接收三个参数：当前遍历的元素、该元素的索引和原数组。

下面是一个示例，假设有一个数组arr，需要将其中的每个元素都加1并返回一个新的数组newArr：

var arr = [1, 2, 3];
var newArr = arr.map(function(item, index, array) {
  return item + 1;
});
console.log(newArr); // [2, 3, 4]

在Vue.js中，可以通过以下方式使用map函数：

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

<script>
export default {
  data() {
    return {
      arr: [1, 2, 3],
    };
  },
  computed: {
    arrMap() {
      return this.arr.map((item) => item + 1);
    },
  },
};
</script>

在上面的代码中，通过computed属性定义了一个函数arrMap，该函数返回this.arr.map((item) => item + 1)的结果，即将数组this.arr中的每个元素都加1后返回一个新的数组。在模板中使用v-for指令遍历arrMap数组并渲染列表项。