Vue是否適合建立網(wǎng)站建設(shè)者？

問(wèn)題描述

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

所以基本上應(yīng)用程序的目的是讓用戶操縱DOM。這是我有點(diǎn)困惑的地方，因?yàn)閂ue范例顯然是使DOM操作數(shù)據(jù)驅(qū)動(dòng)。

我使用Jquery UI拖放庫(kù)，這些庫(kù)假設(shè)你立即操縱DOM從Jquery（On drop - > Append html）。所以我正在尋找一些關(guān)于如何使這個(gè)庫(kù)適應(yīng)DOM操作的Vue方式的指導(dǎo)。

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

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

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方（請(qǐng)勿用圖片代替代碼）

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

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

非常感謝！