렌더링 HTML 태그 Vue.js

Question

push 변이 방법을 사용하여 템플릿을 렌더링하려고합니다. 섹션 구성 요소를 푸시하고 싶지만 템플릿 내용 대신 기본 출력 인 <vsection></vsection'을 얻습니다. 누구든지 원시 태그가 아닌 실제 템플릿 내용을 렌더링하는 데 도움이 될 수 있습니까? 나는 아래에 jsbin을 포함시켰다.

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

Answer 1

당신은 조금 이상한 이것에 대해 생각하고있다. 제 생각에 당신이 더 잘할 수 있다고 생각하는 것은 구성 요소에 v-for을 넣는 것입니다.

이렇게하면 콘텐츠를 sections으로 푸시하면 다른 것을 넣을 수 있습니다. 또한 콘텐츠를 사용할 수 있도록 섹션 구성 요소를 조정해야합니다. 난 당신이 원하는 생각처럼 여기

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

가 노력하고 있습니다 : http://jsbin.com/suhadidobe/1/edit?html,js,output