Vue中的render: h => h(App)什么意思?

最近在看Vue的官方文檔,看到一個內(nèi)容,突然發(fā)現(xiàn)好像在哪里見過。

這是文檔里的內(nèi)容:


圖片示例1

在哪里見過呢,就是這里:


圖片示例2

這是我們利用Vue新建項目最常見的一句話,但是這句話是什么意思呢?對于初學(xué)者,看到這句話一定是懵逼的(有沒有?有沒有?),因為這句寫的真是簡潔…

那么,參考上面文檔中的內(nèi)容,這句話的意思其實就是:

這是一個ES6箭頭函數(shù)的寫法,還原成一個函數(shù),就是:

 render: h =>{
    return h(App)
 }

要是還看不懂,在進行還原:

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

然后,別忘了最先貼的官方文檔,解釋“h”的含義,進一步還原:

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

以下
這里的render就是一個渲染函數(shù),而createElement就是創(chuàng)建節(jié)點,App就是一般情況下Vue的html根文件,所以這里實質(zhì)上就是將App這個html頁面進行了渲染,當(dāng)然在App頁面中又有掛載的路由組件,進而可以渲染各種掛載的路由組件,這樣就將整個頁面盤活了,嗯…盤它:)


作者:旭氏美術(shù)館
來源:CSDN
原文:https://blog.csdn.net/ChenXvYuan_001/article/details/88320920
版權(quán)聲明:本文為博主原創(chuàng)文章,轉(zhuǎn)載請附上博文鏈接!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容