在 Ajax 请求之后动态附加 HTML 中的渲染组件

Question

用例：

我有一个 JQuery 库的依赖项，它在一些 Ajax 请求之后动态地附加 HTML。我想在附加的 HTML 内显示 Vue 组件。我可以提供 HTML 的内容，但我无法使用 JQuery.

更改它附加到 DOM 的方式

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

最好的方法是什么？

Answer 1

"best" 方法非常主观。

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

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

这假定您使用的是单个文件组件。您也可以随时根据 documentation:

动态创建组件

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

Render component in dynamically appended HTML after Ajax Request