Javascript 如何动态删除组件？

我已通过在单击上注册来插入一个组件。现在我想通过单击移除按钮移除（销毁）该组件。下面是我用来添加组件的代码：

var ComponentClass = Vue.extend(Child);
var instance = new ComponentClass();
instance.$mount();
// we have marked ref="editor" on the contenteditable div
var editableDiv = this.$refs.editor;
var range = document.createRange();
var sel = window.getSelection();
range = sel.getRangeAt(0);
if (sel.getRangeAt(0).endContainer.parentNode.id === "editor") {
range.insertNode(instance.$el);
range.setStartAfter(instance.$el);
sel.removeAllRanges();
sel.addRange(range);
editableDiv.focus();
}