Vue JS-Getter返回对象，而不是商店中的实际值

Question

我无法使用吸气剂在我的商店中吸引顾客'爸爸'。但是，它会在屏幕上显示类似[ "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>

我的商店

state: {
            customers: ['dad']
        ],
getters: {
GET_CUSTOMERS(state){
                return state.customers;
            }
}

Answer 1

您的customers数据是一个数组。当您直接在{{ ['dad'] }}等模板中渲染数组时，Vue会将其在DOM中渲染为[ "dad" ]。

我想您只想渲染一位客户？您可以像这样渲染第一个客户：