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