从javascript重画某些Vue组件

Question

我的HTML：

<div id="editor">
    {% for item in items %}
        <base-item type="{{ item.type() }}" top="{{ item.top() }}" left="{{ item.left() }}" width="{{ item.width() }}" height="{{ item.height() }}" position="{{ item.position() }}" css="{{ item.css()|json_encode() }}" offset-count="0" editor="1" master-item="0" {% if item.preserveAspectRatio  == true %} preserveAspectRatio="preserveAspectRatio" {% endif %} onclick="selectitem({{ item.position }}); return false;" ontouchstart="selectitem({{ item.position }}); return false;" ondblclick="edititem({{ item.position }}, '{{ item.type }}'); return false;">
            <{{item.type()}}-component presentation={{ id }} page={{ position }} position={{ item.position() }} json-data="{{ item.jsonData() }}" editor=1 ></{{item.type()}}-component>
        </base-item>
    {% endfor %}
</div>

在我的JavaScript中，我可以删除一个项目，就像这样：

document.getElementById("item" + itemId).remove();

可以使用，但是现在我需要重新加载页面，因为ID可能会更改。

但是，我在想。从javascript重新加载整个editor div的最佳方法是什么？我可以通过axios重新获取所有项目，这不是问题。但是我将如何重新创建所有vue组件