Vue中的render: h => h(App)什么意思？

最近在看Vue的官方文档，看到一个内容，突然发现好像在哪里见过。

这是文档里的内容：

图片示例1

在哪里见过呢，就是这里：

图片示例2

这是我们利用Vue新建项目最常见的一句话，但是这句话是什么意思呢？对于初学者，看到这句话一定是懵逼的（有没有？有没有？），因为这句写的真是简洁…

那么，参考上面文档中的内容，这句话的意思其实就是：

这是一个ES6箭头函数的写法，还原成一个函数，就是：

 render: h =>{
    return h(App)
 }

要是还看不懂，在进行还原：

render: function(h) {
    return h(App);
}

然后，别忘了最先贴的官方文档，解释“h”的含义，进一步还原：

render: function(createElement) {
    return createElement(App);
}

以下
这里的render就是一个渲染函数，而createElement就是创建节点，App就是一般情况下Vue的html根文件，所以这里实质上就是将App这个html页面进行了渲染，当然在App页面中又有挂载的路由组件，进而可以渲染各种挂载的路由组件，这样就将整个页面盘活了，嗯…盘它：）

---

作者：旭氏美术馆
来源：CSDN
原文：https://blog.csdn.net/ChenXvYuan_001/article/details/88320920
版权声明：本文为博主原创文章，转载请附上博文链接！