问题描述

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

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

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

问题出现的环境背景及自己尝试过哪些方法

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

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

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

非常感谢！