Cách dùng teleport trong Vue 3.
Cách dùng teleport trong Vue 3.
Vue 3 `teleport` là một tính năng mạnh mẽ giúp di chuyển nội dung của một component sang vị trí khác trong cây DOM mà không thay đổi vị trí logic của nó trong cây component.
**Cách sử dụng**: Sử dụng thẻ `<teleport>` để bao bọc nội dung mà bạn muốn di chuyển. Thiết lập thuộc tính `to` để xác định selector của phần tử đích trong DOM. Ví dụ:
```html
<teleport to="#target">
<p>Content to be teleported</p>
</teleport>
Lợi ích: Teleport cho phép bố cục component hợp lý, duy trì logic trong cấu trúc component, và không làm phức tạp hoá các lớp CSS khi làm việc với các modal, popup hoặc tooltip cần nằm ngoài vị trí ...
junior