渲染 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时，它会放出另一个内容。您还必须调整分区组件，以便可以使用内容。

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

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