Vue 3 | Render 函数小变动

开门见山

Render function API？是不是感觉有点陌生？那恭喜你，这个改动不会对你这位 <template> 用户造成影响。

老规矩，上帝视角看一下：

• h 需要从全局导入进来（不再是 render 函数的参数了）

• render 函数的参数改变了（为了在常规组件和函数组件中表现一致）

• VNodes 具备了扁平的属性结构

Render 函数的参数

2.x 这么写

在 Vue 2.x 的版本中，render 函数会以参数的形式自动接收 h 函数（aka：createElement）：

export default {
    render(h) {
        return h('div');
    }
}

3.x 应该这么写

在即将到来的 Vue 3.x 版本中，h 函数需要手动从全局引入进来：

import { h } from 'vue';

export defau