Vue.js 2 中如何将 VNode 数组插入到组件的特定元素？

Vue.js 2 中将 VNode 数组插入特定元素

如何在 Vue.js 2 中将 VNode 数组插入到组件中的特定元素下？

问题 1：如何获取元素的 InnerHTML？

可以使用以下方法获取元素的 InnerHTML：

const detailRenderer = new DetailConstructor({
  propsData: {
    node: this.$slots.default,
  },
});
console.log(detailRenderer.$mount(), detailRenderer.$el.outerHTML);

问题 2：无法获取 InnerHTML 时如何插入 VNode 数组？

也可以在不获取 InnerHTML 的情况下插入 VNode 数组：

const slot = this.$slots.default[0];
console.log(slot.context.$mount(), slot.context.$el.innerHTML);