插槽组件的封装

1.myli.vue

<style lang="scss" scoped>
    
</style>

<template>
    <li>
        预留的第一个坑
        <slot name="two"></slot>
        预留的第二个坑
        <slot name="three"></slot>
    </li>
</template>
<script>
export default {
    
}
</script>

2.使用

         <ul>
            <v-myli>
                <h2 slot="two">我是第一个坑</h2>
                <h3 slot="three">我是第二个坑</h3>
            </v-myli>
        </ul>