vue:レンダリング関数&JSX

    
        
header
        
main
        
footer
    

Vue.component('blog-post', {
    render: function(createElement){
        var head = this.$slots.header;
        var body = this.$slots.default;
        var footer = this.$slots.footer;
        return createElement('div', [
            createElement('header', head),
            createElement('main', body),
            createElement('footer', footer),
        ])
    }
});

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