vue中怎么把v-for循环的数组对象中的某个属性拼接并用,隔开

你可以使用 `Array.prototype.map` 方法来将数组对象中的某个属性提取出来，然后使用 `Array.prototype.join` 方法将其用逗号隔开。具体实现如下：

<template>
  <div>
    {{ items }}
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: [
        { id: 1, name: 'Apple' },
        { id: 2, name: 'Banana' },
        { id: 3, name: 'Cherry' },
      ],
    };
  },
  computed: {
    items() {
      return this.list.map(item => item.name).join(', ');
    },
  },
};
</script>

在上述代码中，我们通过 `Array.prototype.map` 方法将 `list` 数组对象中的 `name` 属性提取出来，然后使用 `Array.prototype.join` 方法将其用逗号隔开，最后将结果保存到 `items` 计算属性中。在模板中，我们直接使用 `items` 就可以显示拼接后的字符串了。