YUNOVA · Vue.js · Module 10: UI and UX in Vue

Teleport and modals in Vue

Notes for offline study · 3 November 2026

Teleport and modals in Vue

Key points

  • Teleport renders part of a component somewhere else in the DOM.
  • Modals are often teleported to body so they sit above everything.
  • The modal still uses the parent component's state and events.