問題描述

我希望使用Vue創(chuàng)建一個網(wǎng)站構建器。想想像Wix，Squarespace和Webflow這樣的東西，用戶可以在頁面上刪除元素（Div塊，容器，部分等）并設置這些元素的樣式。一個重要的要求：頁面布局可以是100％動態(tài)的，因此不僅僅是固定數(shù)量的預定義布局。

所以基本上應用程序的目的是讓用戶操縱DOM。這是我有點困惑的地方，因為Vue范例顯然是使DOM操作數(shù)據(jù)驅(qū)動。

我使用Jquery UI拖放庫，這些庫假設你立即操縱DOM從Jquery（On drop - > Append html）。所以我正在尋找一些關于如何使這個庫適應DOM操作的Vue方式的指導。

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

每當我使用Jquery方式時，Vue實例都無法識別該元素，因此幾乎不可能對其進行任何其他操作。如何確保我放入頁面的元素已注冊到特定的Vue組件？我想我需要以某種方式動態(tài)初始化Vue組件。所以基本上每個html元素都會成為它自己的組件。Vue是否設計用于每個元素都是（簡單）Vue組件的頁面？這將如何影響頁面上數(shù)百個元素的性能？
我還需要一種方法讓人們在改變DOM位置時將元素移動到不同的父組件。我想我需要取消注冊并重新注冊另一個父組件。這是否可行且足夠快以保持流暢的UI？
我需要一種方法來動態(tài)地為特定元素分配樣式。我想我會使用v-bind：style從數(shù)據(jù)模型中動態(tài)分配一個類。這是否正確，我是否可以安全地為頁面上的每個元素執(zhí)行此操作？

相關代碼

// 請把代碼文本粘貼到下方（請勿用圖片代替代碼）

你期待的結(jié)果是什么？實際看到的錯誤信息又是什么？

如果使用Vue可以實現(xiàn)這樣的挑戰(zhàn)，我很好奇。如果你們能分享你的想法并指出我正確的方向，那將是非常好的！

非常感謝！