如何在NuxtJS中动态创建卡片

<template>
  <div>
    <card v-for="card in cards" :key="card.id" :title="card.title" :content="card.content" :image="card.image"></card>
  </div>
</template>

<script>
import Card from '@/components/Card.vue';

export default {
  components: {
    Card
  },
  data() {
    return {
      cards: [
        {
          id: 1,
          title: 'Card 1',
          content: 'This is card 1',
          image: 'https://example.com/card1.jpg'
        },
        {
          id: 2,
          title: 'Card 2',
          content: 'This is card 2',
          image: 'https://example.com/card2.jpg'
        }
      ]
    };
  }
};
</script>