Vue中 乍一看让人懵逼的代码

render: h => h(App)

出自 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的缩写(超文本标

main.js中的 $mount

来源：CSDN

作者：请你喝奶茶

链接：https://blog.csdn.net/qq_36913208/article/details/104524332