VueJs。 1つを<slot>に渡すことは可能ですか？

Question

例（jsfiddle）： 私は、ファイル＃2に問題があるファイル＃1

<component-b> 
    <component-a slot="... ? ..."></component-a> 
</component-b> 

// <component-c>

においてスロット '2' に<component-a>を渡す習慣。私はどのように<component-a>から<component-b>までをスロットの 'two'に渡すことができるのか分かりません。

//ファイル＃2<slot>は（他のスロットのソースであるためにそれは不可能です<component-b>

<div> 
    <components-c> 
     // I was thinking to do it this way, 
     // but as I see It doesn't work: 
     // <slot name='one' slot='one'></slot> 
     // <slot name='two' slot='two'></slot> 
    </components-c> 
</div> 

//ファイル＃3

<components-c> 
    <div id='one'> 
     <slot name="one"></slot> 
    </div> 
    <div id='two'> 
     <slot name="two"></slot> 
    </div> 
</components-c> 

Answer 1

<component-c>を持ちます親コンポーネント内のslot属性を使用して）。これを可能にするためには、単一の要素（すなわち、VNode）が、ノードツリーを上っていくときにレンダリングされるスロットの値が複数ある必要があります。

これが許可されていません。

<slot slot="one"></slot> 

あなたが最初にこのようなdivの中で、あなたのスロットを包む場合、それは動作します：

<div slot="one"> 
    <slot name="one"></slot> 
</div> 

はここにあなたの更新の例でfiddleです。