Teleport
在组件化开发中,我们封装一个组件A,在另外一个组件B中使用,那么组件A中template的元素,会被挂载到组件B中template的某个位置,最终我们的应用程序会形成一棵DOM树结构。
某些情况下,不希望挂载在这个组件树上,可能移动到Vue app之外的其他位置,比如移动到body元素上或者我们有其他的div#app之外的元素上,这个时候我们就可以通过teleport来完成。
Teleport 是vue提供的内部组件,有两个属性:
1. to:指定将其中的内容移动到的目标元素,可以使用选择器
2. disabled:是否禁用 teleport 的功能