javascript - 渲染HTML标记Vue.js

我正在尝试使用push突变方法添加渲染模板。我想推送一个节组件，但是我得到的是<vsection></vsection'的原始输出，而不是模板内容。谁能帮助我呈现实际的模板内容而不是原始标签？我在下面包含了一个jsbin。

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

最佳答案

您对此有点奇怪。我认为您最好将v-for放在<vsection>组件上。

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

这样，当您将内容推送到sections时，它将放入另一个内容。您还必须调整您的部分组件，以便可以使用内容。

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

在这里它像我想的那样工作：http://jsbin.com/suhadidobe/1/edit?html,js,output