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屬性值是實際的組件定義而不是名稱，則沒有必要在子組件中聲明它！

問題解決了！