什么是render: h=> h(App)
=> 是ES6的箭头语法
// ES5
(function (h) {
return h(App);
});
// ES6
h => h(App);
render: function (createElement) {
return createElement(App);
}
// 进一步缩写为(ES6 语法):
render (createElement) {
return createElement(App);
}
// 再进一步缩写为:
render (h) {
return h(App);
}
// 按照 ES6 箭头函数的写法,就得到了:
render: h => h(App);
hyperscript
,这个单词通常用在 virtual-dom 的实现中。Hyperscript
本身是指 生成HTML 结构的 script 脚本
,因为 HTML 是 hyper-text markup language
的缩写(超文本标记语言)
个人理解:createElement 函数是用来生成 HTML DOM 元素的,也就是上文中的 generate HTML structures,也就是 Hyperscript,这样作者才把 createElement 简写成 h.