Khóa Học

Xây dựng Component Library

Quay lại bài học

Xây dựng Component Library

Lập trình

Tạo các components tái sử dụng: Button, Card, Modal

Tạo các components: - BaseButton: component button với các variants - BaseCard: component card với slots - BaseModal: component modal với emit events

Code mẫu
// BaseButton.vue
<template>
  <button class="base-button">
    <slot></slot>
  </button>
</template>

// BaseCard.vue
<template>
  <div class="base-card">
    <!-- Thêm slots -->
  </div>
</template>

// BaseModal.vue
<template>
  <div class="modal-overlay" v-if="show">
    <!-- Thêm modal content -->
  </div>
</template>