• Những ứng dụng tuyệt vời của Renderless component ...
• 1. Vue JS cơ bản - CHƯƠNG 1 VUEJS CƠ BẢN Giảng viên
• Slot trong Vue 3
• Vue Slots - w3schools.com

---

Những ứng dụng tuyệt vời của Renderless component ...

Dùng slot căn bản. vd: ta cần trèn nột dung html từ component cha vào component con. tạo component con và xác định vị trí slot sẽ nhận dữ liệu.

1. Vue JS cơ bản - CHƯƠNG 1 VUEJS CƠ BẢN Giảng viên

Giải quyết. Tạo một component là SlotDialog , component này sẽ đặt 1 slot default, và có biến isVisible với 2 function dùng để đóng mở dialog

Slot trong Vue 3

Cơ chế slot của Vue components được lấy cảm hứng từ phần tử của Web Component cơ bản, nhưng với các khả năng bổ sung mà chúng ta sẽ thấy ...

Vue Slots - w3schools.com

Cách làm như trên được VueJS gọi nó là slot scope, là cách cho phép component cha sử dụng đến component con có dùng scope có thể tái sử dụng logic bên trong component con.