vue：渲染函数 & JSX

<div id="app">
    <blog-post>
        <p slot="header">header</p>
        <p>main</p>
        <p slot="footer">footer</p>
    </blog-post>
</div>

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'
});