Javascript Vue JS-getter返回对象，而不是存储中的实际值

我无法使用getter在我的商店中获取客户“爸爸”。但是，它会在屏幕上显示这样的对象

[“dad”]

。我该怎么纠正这个？。我是vue.js的新手

<template>
          <div class="hello">
        <p>{{ GET_CUSTOMERS }}</p>
        </div>
        </template>
    <script>
    import { mapGetters } from 'vuex'
    export default  {
    computed:{
      ...mapGetters([
      'GET_CUSTOMERS'
      ])
    }
    </script>

---

您的

客户

数据是一个数组。当您直接在像

{{['dad']}}

这样的模板中呈现数组时，Vue将在DOM中将其呈现为

[“dad”]

我想你只想提供一个客户？您可以如下方式呈现第一个客户：

{{ GET_CUSTOMERS[0] }}

要呈现每个客户，您需要使用

v-for

：

{{客户}}

或者，如果愿意，您可以将每个客户加入一个字符串，每个客户之间用逗号分隔：

{{ GET_CUSTOMERS.join(', ') }}

{{ GET_CUSTOMERS.join(', ') }}