問題描述我希望使用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
提交
取消