Publish to my blog (weekly)
Teleport | Vue.js Teleport provides a clean way to allow us to control under which parent in our DOM we want a piece of HTML to be rendered, without having to resort to global state or splitting this into two components. If <teleport> contains a Vue component, it will remain a logical child component of the <teleport> 's parent: This also means that injections from a parent component work as expected, and that the child component will be nested below the parent component in the Vue Devtools, instead of being placed where the actual content moved to. A common use case scenario would be a reusable <Modal> component of which there might be multipl...