vueスロット

    
    



    
        
header
        
footer
    



    Vue.component('child', {
        template: `<div>
                        <slot name="header"></slot>
                        <div>content</div>
                        <slot name="footer"></slot>
                    </div>`,
        data: function () {
            return{

            }
        }
    })
    var vm = new Vue({
        el: '#app',
        data: {}
    })