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

senior

Làm sao để bảo mật Vue app? Những nguy cơ thường gặp?

middle

Vue có hỗ trợ SSR không? Bạn từng dùng Nuxt chưa?

senior

Làm sao để tích hợp TypeScript vào Vue project?

Bình luận

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

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