问题描述我希望使用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可以实现这样的挑战,我很好奇。如果你们能分享你的想法并指出我正确的方向,那将是非常好的!非常感谢!
添加回答
举报
0/150
提交
取消