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

render:h是什么意思

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

render:function(createElement){

returncreateElement(App);

}

進一步縮寫為(ES6語法)：

render(createElement){

returncreateElement(App);

}

再進一步縮寫為：

render(h){

returnh(App);

}

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

render:h=>h(App);

h的含義如下：

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

它來自單詞hyperscript，這個單詞通常用在virtual-dom的實現中。Hyperscript本身是指

生成HTML結構的script腳本，因為HTML是hyper-textmarkuplanguage的縮寫（超文本標記語言）

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

Vue.js里面的createElement函數，這個函數的作用就是生成一個VNode節點，render函數得到這個VNode節點之后，返回給Vue.js的mount函數，渲染成真實DOM節點，并掛載到根節點上。

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

importAppfrom'./App'

newVue({

el:'#root',

template:'',

components:{

App

}

})

關于Vue中render  h 的含義是什么就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。