javascript - Vue.js:动态计算子组件

Question

我有一种情况想要计算本地子组件。 我的具体案例是自定义数据网格行单元格组件。 像这样:

var DataGridRow = {
    props: ['columns'],
    template: '<tr><component v-for="col in columns" :is="col.component"></component></tr>',
    components: function () {
        var comps = {};
        // Logic here to build subcomponents dynamically
        return comps;
    }
}

在我的测试中不起作用。

这是否存在但没有记录，我做错了吗？

如果不是，实现起来在逻辑上是否可行？

否则，有没有更好的解决方案，不用声明全局组件？

编辑:这里也有讨论:https://github.com/vuejs/vue/issues/4651

Answer 1

因此看来，如果:is属性值是实际的组件定义而不是名称，则没有必要在子组件中声明它!

问题已解决!