Vue中的render: h => h(App)什么意思?
最近在看Vue的官方文档,看到一个内容,突然发现好像在哪里见过。这是文档里的内容:在哪里见过呢,就是这里:这是我们利用Vue新建项目最常见的一句话,但是这句话是什么意思呢?对于初学者,看到这句话一定是懵逼的(有没有?有没有?),因为这句写的真是简洁…那么,参考上面文档中的内容,这句话的意思其实就是:这是一个ES6箭头函数的写法,还原成一个函数,就是:render: h =>...
·
最近在看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页面中又有挂载的路由组件,进而可以渲染各种挂载的路由组件,这样就将整个页面盘活了,嗯…盘它:)
更多推荐
已为社区贡献3条内容
所有评论(0)