淺談Vue中render中的h箭頭函數(shù)
vue2.0新增了render方法,官方案例寫的是:
render: h=>h(app)
其中h是由createElement方法演變而來
render: function(createElement){ return createElement(app) }
用es6的寫法就是:(只有一個個return語句,可以省略return和{})
render: createElement=>createElement(app)
將createElement改成 h 就是官方寫法。
使用 h 的理由,官方解釋是:
It comes from the term “hyperscript”, which is commonly used in many
virtual-dom implementations. “Hyperscript” itself stands for “script
that generates HTML structures” because HTML is the acronym for
“hyper-text markup language”.
它來自單詞 hyperscript,這個單詞通常用在 virtual-dom 的實現(xiàn)中。Hyperscript 本身是指 生成HTML 結(jié)構(gòu)的 script 腳本,因為 HTML 是 hyper-text markup language 的縮寫(超文本標記語言)
createElement 用來生成 HTML DOM 元素,也就是上文中的 generate HTML structures,也就是 Hyperscript,所以用 h 替代了 createElement 。
以上這篇淺談Vue中render中的h箭頭函數(shù)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue+Electron打包桌面應(yīng)用(超詳細完整教程)
這篇文章主要介紹了Vue+Electron打包桌面應(yīng)用超詳細完整教程,在這大家要記住整個項目的json文件不能有注釋,及時沒報錯也不行,否則運行命令時還是有問題,具體細節(jié)問題參考下本文詳細講解2024-02-02vue2中provide/inject的使用與響應(yīng)式傳值詳解
Vue中 Provide/Inject實現(xiàn)了跨組件的通信,下面這篇文章主要給大家介紹了關(guān)于vue2中provide/inject的使用與響應(yīng)式傳值的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-09-09如何基于vue-cli3.0構(gòu)建功能完善的移動端架子
這篇文章主要介紹了基于vue-cli3.0構(gòu)建功能完善的移動端架子,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04vue實現(xiàn)將圖像文件轉(zhuǎn)換為base64
這篇文章主要介紹了vue實現(xiàn)將圖像文件轉(zhuǎn)換為base64,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-02-02