Vue：在获取新组件并将它们插入 HTML 后重新启动 Vue

Question

在我从 API 获取组件并将其插入 DOM 之后，是否可以强制 Vue 重新启动自身？

我的意思是组件：

<div><My_component /></div>

这是 BE sn-p 的一部分。

并将其插入 HTML：

document.getElementById("something").innerHTML = "<div><My_component /></div>"

我已经尝试过 .$forceUpdate() 函数，但它只是返回 undefined 并且什么也没做。

我无法让新添加的组件被 Vue 识别。有什么办法吗？

Answer 1

您可能希望根据需要使用动态组件。

这里是快速语法。

JSON

var items = [
  {component: 'TextComponent', params: {x: 1, y: 2}},
  {component: 'BoxComponent', params: {a: 3, b: 2}}
]

Vue 模板

<component :is="item.component" v-for="item in items" v-bind="item.params" />

将呈现给

<TextComponent :x="1" :y="2" />
<BoxComponent :a="3" :b="2" />