社区微信群开通啦,扫一扫抢先加入社区官方微信群
社区微信群
出自 vue cli 构建的 main.js 文件中,首先看看各个版本的写法:
components: { App } // vue1.0的写法
render: h => h(App) // vue2.0的写法
再来看看官方解释:接收一个方法,作为第一参数,这是关键点
查资料得出,ES6语法,表示 Vue 实例选项对象的 render 方法作为一个函数,接受传入的参数 h 函数,返回 h(App) 的函数调用结果。
那么转换成代码大概就是这个样子
function render(h){
return h("yes");
}
function h(arg1){
console.log(arg1)
}
render(h) // => 输出 yes
其中h
的理解 (根据Vue. js作者Even You的回复,h的含义如下:)
It comes from the term “hyperscript”, which is commonly used in many virtual-dom
implementations. “Hyperscript” itself stands for "script thatgenerates HTML structures
HTML is the acronym for “hvper-text markup language”.
它来自单词hyperscript,这个单词通常用在virtual-dom的实现中。Hyperscript本身是指
生成HTML结构的script脚本因为HTML是hyper-text markup language的缩写(超文本标
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!