淺談Vue中render中的h箭頭函數(shù)
vue2.0新增了render方法，官方案例寫的是：
render: h=>h(app)
其中h是由createElement方法演變而來
render: function(createElement){
return createElement(app)
}
用es6的寫法就是：(只有一個(gè)個(gè)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，這個(gè)單詞通常用在 virtual-dom 的實(shí)現(xiàn)中。Hyperscript 本身是指 生成HTML 結(jié)構(gòu)的 script 腳本，因?yàn)?HTML 是 hyper-text markup language 的縮寫（超文本標(biāo)記語言）
createElement 用來生成 HTML DOM 元素，也就是上文中的 generate HTML structures，也就是 Hyperscript，所以用 h 替代了 createElement 。
以上這篇淺談Vue中render中的h箭頭函數(shù)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
2種在vue項(xiàng)目中使用百度地圖的簡(jiǎn)單方法
在本篇文章中我們給大家整理了2種關(guān)于VUE項(xiàng)目中使用百度地圖的最簡(jiǎn)單的方法，非常實(shí)用，一起來學(xué)習(xí)下。2018-09-09
門戶（Portal）的概念是Vue3的新功能之一，也就是將模板 HTML 移至 DOM 的不同部分的方法。Portal 是 React 中的常見功能，Vue2 的 portal-vue 庫也提供了相似的功能。在 Vue3 中用 Teleport 對(duì)這個(gè)概念提供了原生支持。本文將介紹Teleport的相關(guān)用法2021-05-05
Vue快速實(shí)現(xiàn)通用表單驗(yàn)證的方法
這篇文章主要介紹了Vue快速實(shí)現(xiàn)通用表單驗(yàn)證的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
這篇文章主要給大家介紹了關(guān)于vue中事件綁定的相關(guān)資料,事件綁定在Web開發(fā)中非常常見,我們經(jīng)常需要在頁面中為某個(gè)DOM元素綁定事件,如點(diǎn)擊、鼠標(biāo)移動(dòng)、鍵盤敲擊等等,需要的朋友可以參考下2023-09-09
如何使用uniapp內(nèi)置組件webview消息傳遞詳解
uni-app的web-view組件用于在應(yīng)用中打開網(wǎng)頁,并支持應(yīng)用和網(wǎng)頁之間的消息傳遞,這篇文章主要介紹了如何使用uniapp內(nèi)置組件webview消息傳遞的相關(guān)資料,需要的朋友可以參考下2025-02-02
vue中動(dòng)態(tài)設(shè)置meta標(biāo)簽和title標(biāo)簽的方法
這篇文章主要介紹了vue中動(dòng)態(tài)設(shè)置meta標(biāo)簽和title標(biāo)簽的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07
深入理解Vue-cli搭建項(xiàng)目后的目錄結(jié)構(gòu)探秘
本篇文章主要介紹了深入理解Vue-cli搭建項(xiàng)目后的目錄結(jié)構(gòu)探秘，具有一定的參考價(jià)值，有興趣的可以了解一下2017-07-07
解決vue 項(xiàng)目引入字體圖標(biāo)報(bào)錯(cuò)、不顯示等問題
今天小編就為大家分享一篇解決vue 項(xiàng)目引入字體圖標(biāo)報(bào)錯(cuò)、不顯示等問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-09-09
Vue項(xiàng)目如何引入bootstrap、elementUI、echarts
這篇文章主要介紹了Vue項(xiàng)目如何引入bootstrap、elementUI、echarts,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-11-11
這篇文章主要為大家介紹了前端vue3架構(gòu)setup使用教程，詳細(xì)介紹?setup?的用法，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-02-02