render这句怎么理解

render这句怎么理解

http://img1.sycdn.imooc.com//climg/5fef5c4309e814fe03190150.jpg


render: h => h(App)是什么意思,后面还有个$mount,整句是什么意思?h代表什么?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕星星 2021-01-03 14:09:35

同学你好,问题解答如下:

1、render渲染函数接收一个 createElement 方法作为第一个参数用来创建 VNode。简单理解是渲染dom

https://cn.vuejs.org/v2/guide/render-function.html

http://img1.sycdn.imooc.com//climg/5ff15ca20960031105610285.jpg

这里的createElement是函数参数,名称自定义,不是固定的。而在vue-cli中参数名称为h(默认的)

http://img1.sycdn.imooc.com//climg/5ff15d8609c4747604050159.jpg

只不过用了es6写法,看着简单,展开写为

http://img1.sycdn.imooc.com//climg/5ff15dd8095ed0a002730114.jpg

这里是把App.vue中的内容进行了渲染。

2、$mount()是挂载的意思,new出来的vue实例可以直接调用,挂载到index.html文件中的div#app上,从而显示出App.vue文件中内容。


这里了解一下即可,祝学习愉快!

  • 提问者 hyperse #1

    所以render这句相当于旧版本vue里面的

    var app = new Vue({

    el: '#app',

    })

    这句嘛,就是vue实例接管节点为app的dom?

    2021-01-03 14:30:34
  • 提问者 hyperse #2

    所以render这句就相当于旧版本里面的

    var app = new Vue({

    el: '#app',

    })

    这句嘛?

    就是vue实例接管了节点为app的dom元素?

    2021-01-03 14:32:25
  • 好帮手慕星星 回复 提问者 hyperse #3

    是可以这样理解的。

    2021-01-03 19:16:39
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师