More than 5 years have passed since last update.

( ᐛ )σ「render: h => h(App) 」

Posted at 2017-12-12

vue-cli/weboack-simple/main.js

new Vue({
  el: '#app',
  render: h => h(App)
})

vue-cliでwebpack-simpleテンプレートを利用すると見かける記述ですが、
なんじゃこりゃ、と思った人は私の他にもいるでしょう。
いませんか。

これが

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

こうなって

render (createElement) {
    return createElement(App);
}

更にこう

render (h){
    return h(App);
}

最後、アロー関数に

render: h => h(App)

h はhyperscriptのことだそう。

Explanation for render: h => h(App) please