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
}
複製程式碼

• 所以上面的程式碼就寫為

render: h => h(App)
複製程式碼

如有問題,歡迎指正

本文為原創,如需轉載,請註明出處: render: h => h(App)解釋