レンダリングHTMLタグVue.js

Question

push突然変異法を使用してレンダリングテンプレートを追加しようとしています。私はセクション・コンポーネントをプッシュしたいが、テンプレート・コンテンツの代わりに<vsection></vsection'の生の出力を得る。誰でも私が生のタグではなく実際のテンプレートのコンテンツをレンダリングするのを助けることができますか？私は以下のjsbinを含んだ。

http://jsbin.com/wurofatuve/1/edit?html,js,output

Answer 1

あなたは少し奇妙にこのことについて考えています。あなたがやるほうが良いと思うのは、<vsection>コンポーネントにv-forを入れていることです。

<vsection v-for="section in sections"> 
    {{ section.content }} 
</vsection> 

このように、コンテンツをsectionsにプッシュすると、もう1つ置きます。また、コンテンツを使用できるようにセクションのコンポーネントを調整する必要があります。

<template id="section-template"> 
    <div class="section"> 
    <slot></slot> 
    </div> 
</template> 

私はあなたが欲しいと思うようにここでは、働いている：http://jsbin.com/suhadidobe/1/edit?html,js,output