初始化Vue [VueJS]后如何添加新组件

Question

如何在DOM上追加新元素并使该元素被Vu​​eJS使用？

例如，在此https://jsfiddle.net/a0hnps42/1/中，元素<lel>after</lel>未转换为<div class='lel'>lele</div> <lel>before</lel>。

Answer 1

您可以使用作用域slots动态添加新组件：

<ul>
  <slot name="item"
    v-for="item in items"
    :text="item.text">
    <!-- fallback content here -->
  </slot>
</ul>

https://github.com/vuejs/vue/releases/tag/v2.1.0