vue创建过程

创建到渲染

init() --> $mount--->compile--->render--->vnode---->patch---->Dom

 

1 ,$mount中主要是获取template然后调用原型上的mount,

2,compile主要做了两件事,一件是合并option,另一件是执行baseCompile,进行模板template的编译。

3, baseCompile中 将template转成ast, 再将ast转成render函数(ast是一种中间产物来做桥梁, 通过属性和方法正确

     描述template的真实含义, 这是vue compile编辑器的功能)

 

通过这些函数,render函数最后会返回一个VNode节点,在初始渲染或者_update的时候,经过patch通过diff更新算法与之前的VNode节点进行比较,渲染dom。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值