render: h => h(App)解释

问题描述: 前几天看有人写了一篇关于render: h => h(App)的解释,觉得很好,记下来留着

1, 初始vue.js项目时，常常发现main.js/main.ts里有如下代码

• render: h => h(App)拆开来写就是

render: function (createElement) {
    return createElement(App)
}

• 进一步缩写为(ES6 语法)

render (createElement) {
    return createElement(App)
}

render (h) {
    return h(App)
}

• 根据ES6箭头函数的写法 es6箭头函数

var f = v => v
// 等同于
var f = function (v) {
  return v
}

function(v) {
    return v
    // 或者 return 3 * v,  等等
}
v => 3 * v

• 所以上面的代码就写为

render: h => h(App)

如有问题,欢迎指正

本文为原创,如需转载,请注明出处: render: h => h(App)解释