Câu hỏi phỏng vấn Vue.js
Câu hỏi

Cách dùng teleport trong Vue 3.

Câu trả lời

markdown Copy
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

junior

Gợi ý câu hỏi phỏng vấn

middle

Hãy mô tả shallowRef, shallowReactive và markRaw.

middle

Sự khác nhau giữa computedwatch là gì?

junior

Composition API có inject/provide không? Sử dụng thế nào?

Bình luận

Chưa có bình luận nào

Chưa có bình luận nào