Javascript 可以在Vue.js文档外部分离并重新连接Vue.js节点吗？

我正在使用管理我的应用程序中的模态。modals最初都放在父div中，该div是Vue.js应用程序的根目录。模态内容中包含一些Vue组件

---

语义ui modal

detach（）

从DOM中删除modal div，并将其添加到站点根目录下的dimmer div中。Vie.js应用程序继续按预期运行，这很好，但我想知道这是否是一个侥幸，当Vue元素移到根Vue元素之外时，我是否应该警惕任何gotcha？

这是一种非常有效的技术。所有正交组件（如对话框、snackbar、通知等）都以这种方式呈现。它与Vue.js虚拟DOM配合使用效果非常好

---

这种模式非常常见，因此有一个库来执行此操作-。它是由Vue.js核心团队成员编写的。

这样做时要小心。 存在导致不必要行为的边缘情况

使用v-if/v-for Vue动态附加/分离模态时，会丢失对模态的引用，从而导致不必要的行为

---

目前，我们已通过使用

detaccable:false

修复了此问题，因此模式本身不会在调光器内移动。

谢谢。在发布这个问题之前，我确实遇到了门户vue，这确实让我觉得这是一个不错的技巧：）谢谢你的确认。谢谢@nativedigital。我的modal由VueX存储模块支持。表示模式的组件（保留并重用）监视存储区中的布尔值（isVisible），当它变为true时，组件将触发模式的show函数。它工作得非常好：）