Vue中插槽指令

<div id="app">
    <msg-tag>   //4.创建个组件
        <template v-slot:插槽的名称>   //根据插槽的名称创建插槽
            //插槽里面的内容
        </template>
    </msg-tag>
</div>
<script src="vue.js"></script>
<script>
    //1.创建组件
    let msgTag = {
        template: `
        <li>
            <slot name="插槽的名称"></slot> //3.设置插槽的内容
            <span>1111111</span>
        </li>
        `,
    };
    new Vue({
        el: '#app',
        components: {
            msgTag //2.注册组件
        }
    })
</script>