Vue源码解析之_update函数(六)

在$mount函数中,主要是调用了mountComponent函数,而该函数最后主要是调用了updateComponent函数,

上一次我们分析了render函数的功能(主要是利用createElement函数生成vnode),那么_update函数主要做了什么


首先,可以看到在'src/core/instance/lifecycle.js'中在Vue原型上定义了私有方法_update,在整个函数中,最重要的部分是执执行__patch__函数。在初始换渲染的阶段,向__patch__函数中传入了四个参数值。



然后,看看__patch__函数的功能(主要是将vnode转换成dom,渲染在视图中)。patch定义在'src/platforms/wed/runtime/patch.js'中。

可以看到,最终的patch是一个createPatchFunction函数返回的函数(函数柯里化),同时传入了两个参数。nodeOps中是一些关于dom node(dom节点)的操作。modules中包含的是基础模块和平台模块,因为vue可以运行在不同的平台(web或者weex),因此这样做的好处是不用每次都去考虑不同平台如何处理。

<
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值