Uploaded May 2021 | Updated September 2026, 5 hours ago

---

One of the new features of Vue 3 that has been talked about for a while is the idea of Portals - or ways to move template HTML to different parts of the DOM.

Now in Vue3, there is native support for this concept using the Teleport feature.

In this tutorial, we'll cover:
- The purpose of Teleport
- A basic example of Teleport
- Some cool code interactions

The most common use case for Vue Teleport - building modals and popups in Vue.

CHAPTERS
0:00 Introduction
0:16 Why is Vue Teleport useful
1:00 How does Vue Teleport work?
1:32 Making our Vue Modal with Teleport
3:08 Using Teleport with Components
4:10 Sending Multiple Teleports to a Single Target
4:33 Final Thoughts on Vue Teleport

//

FREE VUE 3 CHEATSHEET WITH ESSENTIAL CODE SNIPPETS
learnvue.co/vue-3-essentials-cheatsheet

follow me on twitter:

twitter.com/mattmaribojoc


🚨 Like quick Vue lessons like these? Check out 800+ lessons over on Vue School - go.learnvue.co/vueschool

INTRO
Daily (Prod. by Lukrembo)