最近在看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页面中又有挂载的路由组件,进而可以渲染各种挂载的路由组件,这样就将整个页面盘活了,嗯…盘它:)

Logo

前往低代码交流专区

更多推荐