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 속성 값이 실제 구성 요소를 정의하고 이름을하지 않을 경우,이 하위에 선언하는 것이 필요하지 않은 것 같습니다!

문제가 해결되었습니다.