(10) vue 插槽

1.基本使用

 

    <div id="components-v">
        <markk></markk>
        <markk><button>你好</button></markk>
        <markk></markk>
    </div>

    <script>
        Vue.component('markk', {
            template: '<div  style="margin-bottom:20px"><div>hello</div><slot></slot><div>world</div></div>'
        }
        )
        new Vue({
            el: '#components-v'
        })
    </script>

 

2.默认值

 

3.多个标签放入同一个插槽的显示情况