动态添加属性到Vue组件

我从数据库加载数据,驱动我显示的组件类型

AJAX调用关闭并返回一些数据(如果需要,可以重新调整)

{
  component_type: 'list-item',
  props: {
    name: 'test',
    value: 'some value'
  }
}

这可以在我的父对象上访问一个名为component的变量

在我父对象的模板中,我有以下内容

这工作正常,并按预期加载组件.

接下来我想将我的数据对象中的属性添加到此标记中

这不起作用,拒绝用{{在其中写一个标签.我认为这是浏览器抛出的错误,而不是Vue,尽管我不确定.

作为参考,我希望输出实际上看起来像:

我怎样才能通过这些房产？理想情况下,我希望这些与父母的数据/道具绑定,因为我可以在数据库中轻松更改它们,UI也会相应地更改.

在最坏的情况下,我会在服务器端生成所有内容,但我宁愿通过ajax来实现,因为我正在尝试这样做.

如果有人想知道如何使用Vue 2执行此操作,您只需将对象传递给v-bind: