?

2018年06月20日 10:54:32?H-L?閱讀數(shù) 5369

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

render: function (createElement) {

return createElement(App);

}

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

render (createElement) {

return createElement(App);

}

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

render (h){

return h(App);

}

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

render:?h?=>?h(App);

其中 根據(jù) Vue.js 作者 Even You 的回復(fù)，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)記語言）

個(gè)人理解：createElement 函數(shù)是用來生成 HTML DOM 元素的，也就是上文中的 generate HTML structures，也就是 Hyperscript，這樣作者才把 createElement 簡寫成 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)上。

轉(zhuǎn)載于:https://www.cnblogs.com/huge1122/p/11272032.html

總結(jié)

以上是生活随笔為你收集整理的vue中render: h = h(App)的详细解释的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。