Javascript 在Ajax请求后以动态附加的HTML呈现组件

用例：

我有一个JQuery库的依赖关系，它在一些Ajax请求之后自动附加HTML。我想在附加的HTML中显示Vue组件。我可以提供HTML的内容，但是我不能改变使用JQuery将其附加到DOM的方式

我别无选择，只能在Ajax请求终止并且HTML附加到DOM时呈现组件

最好的方法是什么？

最好的方法是高度主观的

但是，如果您知道元素id，您当然可以将组件附加到元素：

import component from 'Component.vue'
new Vue({
    el: '#targetId',
    render: h => h(component)
})

这假定您使用的是单文件组件。您也可以随时根据以下步骤创建组件：

---

你知道有没有“性能倒退”的情况吗。我使用一个外部网格组件，可以在行之间添加表的详细信息。如果用户点击100行，这种方法会不会有问题？很难说，但可能不是最优的。如果我理解正确的话，您将创建100个Vue组件？肯定会有开销，但您必须对其进行测试并对其进行分析，以查看是否有性能影响。

new Vue({
  el: '#targetId',
  // options
})