Khóa học Lập trình miễn phí

Xây dựng Component Library

Lập trình

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

Hướng dẫn

Lời giải

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>

Thông tin bài tập

Khóa học: Vue.js Toàn tập

Bài học: Components và Props

Loại bài tập: Lập trình

Độ khó: Cơ bản

Thời lượng: 65 phút