Teleporting content

Let'snow and look at another new feature of Vue 3 called teleport.

If you've ever created a modal window feature before, you'll know that it's commonly positioned just before the closing </body> tag in the document.

public/index.html

<body>
  <div>
    <!--main page content here-->
  </div>
  <!--modal here-->
</body>

This is done because modals usually have a page-covering background.

Teleporting content

Click to load comments...