nuxtProject/components/common/videoCard.vue

<template>
  <div class="video-card" @click="cardClick">
    <div></div>
    <h3 v-if="cardData.title">{{cardData.title}}</h3>
    <p v-if="cardData.des">{{cardData.des}}</p>
  </div>
</template>

<script>
export default {
  name: "videoCard",
  props: {
    cardData: {
      type: Object,
      default: () => ({})
    }
  },
  methods: {
    cardClick() {
      this.$emit('card-click', this.cardData)
    }
  }
}
</script>

<style scoped>

</style>