Как мне манипулировать Getters в вычисляемом свойстве, прежде чем использовать его в HTML-шаблоне?

Question

Я сопоставляю получатели из моего хранилища Vuex как вычисляемое свойство и хочу манипулировать свойством (его массивом объектов) перед использованием его в шаблоне компонента. Есть идеи, как мне это сделать?

Я пытался просмотреть вычисленное свойство, но это не сработало.

import {mapGetters} from 'vuex
computed: {
  ...mapGetters([
   'property'
    ])
}

Answer 1

Вы можете использовать свой геттер в другом пользовательском свойстве, как и для простой переменной:

<template>
  <div>
    <div v-for="item in transformedItems" :key="item">{{item}}</div>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
  computed: {
    ...mapGetters(['items']),
    transformedItems() {
      return this.items.map(item => item.name)
    }
  }
}
</script>

И тогда вы можете использовать transformedItems в своем шаблоне