Vue 适合构建网站构建器吗？

Question

我正在寻找使用 Vue 创建一个网站构建器。想想像 Wix、Squarespace 和 Webflow 这样的东西，用户可以在页面上放置元素（Div 块、容器、部分等）并设置这些元素的样式。一个重要的要求：页面布局可以是 100% 动态的，因此不仅仅是固定数量的预定义布局。

所以基本上应用程序的目的是让用户操作 DOM。这就是我有点困惑的地方，因为 Vue 范式显然是让 DOM 操作成为数据驱动的。

我使用 Jquery UI 拖放库，这些库假设您立即从 Jquery 操作 DOM（拖放时 -> 附加 html）。所以我正在寻找一些关于如何使这个库适应 Vue 的 DOM 操作方式的指导。

• 每当我以 Jquery 方式执行此操作时，Vue 实例都无法识别该元素，因此几乎不可能用它执行任何其他操作。如何确保我放入页面的元素已注册到特定的 Vue 组件？我想我需要以某种方式动态初始化 Vue 组件。所以基本上每个 html 元素都会成为它自己的组件。 Vue 是为每个元素都是（简单）Vue 组件的页面而设计的吗？这会对页面上数百个元素的性能产生什么影响？
• 我还需要一种方法，让人们在更改 DOM 位置时将元素移动到不同的父组件。我想我需要在另一个父级中取消注册并重新注册组件。这是否可能且足够快以保持流畅的用户界面？
• 我需要一种方法来动态地将样式分配给特定元素。我想我会使用 v-bind:style 从数据模型动态分配一个类。这是正确的吗？我可以安全地对页面上的每个元素执行此操作吗？

我很好奇是否可以使用 Vue 来实现这样的挑战。如果你们能分享你们的想法并为我指出正确的方向，那就太好了！

非常感谢！！

Answer 1

嘿，你成功构建了这个网络构建器了吗？我正在尝试构建完全相同的东西，请给我一些指导，一些你用来完成此任务的库。