溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關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:'<App></App>',
components:{
App
}
})
關于Vue中render h 的含義是什么就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
