After clicking the button, we will see a confirmation popup where we can confirm the action and remove the user with the removeUser method.

In the above code example we have a UserCard component that lets us remove a certain user from the database. Portals are very handy when working with modals, notifications, popups or other elements that are sensitive to where they’re placed in the DOM tree. With a portal, you can render a component in a different place in the DOM tree, even if this place is not in your app's scope. Its name suggests that it’s responsible for “teleporting” something from one to another place… and this is exactly what it does! Portal is a well-known concept from React that was also adopted in Vue 2 through third-party plugins like portal-vue. There is no guarantee that the features mentioned in this article will land in Vue 3 exactly in the described form (but most likely they will). This article is based on vue-next repository content. In today's article, I want to talk a little bit more about one of the most useful ones - Portal Recently I wrote about new features available in Vue 3 where I briefly introduced which features we can expect in the next major release of Vue.js. We recommend reading our updated article, Teleport - a new feature in Vue 3. Since this article was written, the Vue.js team has renamed Portal to Teleport.

How to make a portal