子组件里面添加插槽
<template>
<div id="child">
<h3>这里是子组件</h3>
<slot></slot>
</div>
</template>
父组件中调用子组件的时候里面可以添加内容
<div id="app">
<div class="father">
<h3>这里是父组件</h3>
<child>
<span>菜单1</span>
<span>菜单2</span>
<span>菜单3</span>
</child>
</div>
</div>
<script>
//这里使用的是ES2015语法
import child from "../views/slotsy.vue";
export default {
components: {
child,
},
};
</script>
结果