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属性值是实际的组件定义而不是名称，则不必在子组件中声明它！

问题解决了！