Vue中render h 的含義是什么

這篇文章將為大家詳細(xì)講解有關(guān)Vue中render  h 的含義是什么，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

　　render:h是什么意思

　　render:h=>h(App)是下面內(nèi)容的縮寫：

　　render:function(createElement){

　　returncreateElement(App);

　　}

　　進(jìn)一步縮寫為(ES6語(yǔ)法)：

　　render(createElement){

　　returncreateElement(App);

　　}

　　再進(jìn)一步縮寫為：

　　render(h){

　　returnh(App);

　　}

　　按照ES6箭頭函數(shù)的寫法，就得到了：

　　render:h=>h(App);

　　h的含義如下：

　　Itcomesfromtheterm"hyperscript",whichiscommonlyusedinmanyvirtual-domimplementations."Hyperscript"itselfstandsfor"scriptthatgeneratesHTMLstructures"becauseHTMListheacronymfor"hyper-textmarkuplanguage".

　　它來自單詞hyperscript，這個(gè)單詞通常用在virtual-dom的實(shí)現(xiàn)中。Hyperscript本身是指

　　生成HTML結(jié)構(gòu)的script腳本，因?yàn)镠TML是hyper-textmarkuplanguage的縮寫（超文本標(biāo)記語(yǔ)言）

　　理解：createElement函數(shù)是用來生成HTMLDOM元素的，也就是上文中的generateHTMLstructures，也就是Hyperscript，這樣作者才把createElement簡(jiǎn)寫成h。

　　Vue.js里面的createElement函數(shù)，這個(gè)函數(shù)的作用就是生成一個(gè)VNode節(jié)點(diǎn)，render函數(shù)得到這個(gè)VNode節(jié)點(diǎn)之后，返回給Vue.js的mount函數(shù)，渲染成真實(shí)DOM節(jié)點(diǎn)，并掛載到根節(jié)點(diǎn)上。

　　還有另外一種寫法效果是一樣的：

　　importAppfrom'./App'

　　newVue({

　　el:'#root',

　　template:'<App></App>',

　　components:{

　　App

　　}

　　})

關(guān)于Vue中render  h 的含義是什么就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。