在 NuxtJs 的组件模板中，在哪里定义和使用 const 列表？

Question

我想在模板中使用 itemList。 itemlist 是一个静态列表。但是我不知道在哪里声明它以及如何将它导出到模板

<template>
  <table class="table table is-striped is-narrow is-fullwidth">
    <thead>
      <tr>
        <th>category</th>
        <th>value</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="item in itemList" :key="item.key">
        <td>{{ item.label }}</td>
        <td>{{ currentBanner[item.key] }}</td>
      </tr>
    </tbody>
  </table>
</template>

<script lang="ts">
@Component({
  name: 'GroupingBannerModal',
})
export default class GroupingBannerModal extends Vue {
  itemList = [
    { key: 'id', label: 'ID' },
    { key: 'source', label: 'ソース' },
    { key: 'agency', label: '代理店' },
    { key: 'media', label: '媒体' },
  ]

  @Prop({ type: Array })
  private lstBannerGrouped!: Banner[]

  private currentBanner: Banner | null = null

}
</script>

Answer 1

如果您想在模板中访问它，请在 data()、computed 或 asyncData().

中声明您的数组

https://nuxtjs.org/docs/features/data-fetching#async-data