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

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

这是文档里的内容:
在这里插入图片描述
在哪里见过呢,就是这里:
在这里插入图片描述
这是我们利用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页面中又有挂载的路由组件,进而可以渲染各种挂载的路由组件,这样就将整个页面盘活了,嗯…盘它:)

  • 23
    点赞
  • 31
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值