vue中render: h => h(App)的詳細解釋

render: 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);

個人理解:createElement 函數是用來生成 HTML DOM 元素的,也就是上文中的 generate HTML structures,也就是 Hyperscript,這樣作者才把 createElement 簡寫成 h。

Vue.js 裏面的 createElement 函數,這個函數的作用就是生成一個 VNode節點,render 函數得到這個 VNode 節點之後,返回給 Vue.js 的 mount 函數,渲染成真實 DOM 節點,並掛載到根節點上。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章