javascript - 可以在 Vue.js 文档之外分离和重新附加 Vue.js 节点吗？

Question

我正在使用 semantic-ui modal在我的应用程序中管理模式。模态框最初都放在一个父 div 中，而那个 div 是 Vue.js 应用程序的根。在模态内容中有一些 Vue 组件。

Semantic-ui modal detach()从 DOM 中提取模态 div 并将其appendTo()调暗到站点根目录中的 div in order to aid rendering . Vie.js 应用程序继续按预期运行，这很好，但我想知道这是否是侥幸，以及当 Vue 元素移出根 Vue 元素时我是否应该警惕任何问题？

Answer 1

这是一个完全有效的技术。所有正交组件，如 Dialog、snackbar、notification 等，都以这种方式呈现。它与 Vue.js 虚拟 DOM 完美配合。

这种模式很常见，有一个库可以做到这一点 - portal-vue .它由 Vue.js 核心团队成员编写。