在组件内显示子项

Question

我的问题很简单：如何渲染组件的子项？

我有一个模板：

<template>
  <div id="app">
    <menubar color="#263238">
      <button>click</button>
    </menubar>
  </div>
</template>

和menubar是我创建的组件。我现在如何在 menubar 组件内呈现按钮标签？

Answer 1

你应该为此使用插槽。请检查 Vue 文档中的 link：https://vuejs.org/v2/guide/components-slots.html。