VueJS：小道具をスロット要素に設定するには？

Question

小道具をスロットに設定することはできますか？

コンポーネント

<script id="templ-container" type="text/x-template"> 
    <div> 
     <p>top</p> 
     <slot class="borders"></slot> 
     <p>bottom</p> 
    </div> 
</script> 

のApp

<container> 
    <p>Aliquam et enim congue, luctus nulla vel...</p> 
</container> 

予想される最終結果

<p>top</p> 
<p class="borders">Aliquam et enim congue, luctus nulla vel...</p> 
<p>bottom</p> 

JSFiddle

Answer 1

いいえ、スロットが交換されているので、あなたのような何かをする必要があります

<p>top</p> 
<div class="borders"><slot></slot></div> 
<p>bottom</p> 

するか、別のコンポーネントとして作成