淺談Vue中render中的h箭頭函數(shù)
更新時間：2019年11月07日 17:05:34 作者：runOnWay
今天小編就為大家分享一篇淺談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 結構的 script 腳本，因為 HTML 是 hyper-text markup language 的縮寫（超文本標記語言）
createElement 用來生成 HTML DOM 元素，也就是上文中的 generate HTML structures，也就是 Hyperscript，所以用 h 替代了 createElement 。
以上這篇淺談Vue中render中的h箭頭函數(shù)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue-test-utils初使用詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05
這篇文章主要介紹了Vue+Electron打包桌面應用超詳細完整教程,在這大家要記住整個項目的json文件不能有注釋,及時沒報錯也不行,否則運行命令時還是有問題,具體細節(jié)問題參考下本文詳細講解2024-02-02
vue2中provide/inject的使用與響應式傳值詳解
Vue中 Provide/Inject實現(xiàn)了跨組件的通信,下面這篇文章主要給大家介紹了關于vue2中provide/inject的使用與響應式傳值的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-09-09
這篇文章主要為大家介紹了拿來即用的vue旋轉木馬組件demo詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
在vue項目中,和后臺交互獲取數(shù)據(jù)這塊,我們通常使用的是axios庫,它是基于promise的http庫,下面這篇文章主要給大家介紹了關于Vue3引入axios封裝接口的兩種方法,需要的朋友可以參考下2022-05-05
這篇文章主要介紹了基于vue-cli3.0構建功能完善的移動端架子，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
最近公司在研發(fā)app,選擇了基于Vue框架的vux組件庫，現(xiàn)總結在實現(xiàn)上拉刷新功能遇到的坑,感興趣的朋友參考下吧2018-02-02
這篇文章主要介紹了vue實現(xiàn)將圖像文件轉換為base64，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-02-02
Vue工程化項目環(huán)境配置還是比較麻煩的,下面這篇文章主要給大家介紹了關于Vue3環(huán)境安裝以及項目搭建的相關資料,文中通過圖文以及代碼介紹的非常詳細,需要的朋友可以參考下2023-12-12
這篇文章主要為大家介紹了vue實現(xiàn)網(wǎng)易云音樂純界面過程詳解，附含詳細源碼，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07