Vue 组件可用 render 代替 template

render 代替 template

• 理解模板编译后，render 函数就比较好理解了
• 在一些复杂情况下，不能用 template，可以考虑用 render
• React 一直都用 render（没有模板）

举例

Vue.component('heading', {
    // template:`xxx`
    render: function (createElement) {
        return createElement(
            'h' + this.level,
            [
                createElement('a', {
                    attrs: {
                        name: 'headerId',
                        href: '#' + 'headerId'
                    }
                },'this is a tag')
            ]
        )
    }
})