vue2源码--生命周期

生命周期

beforeCreate

这个钩子函数只是初始化了事件,生命周期,如果在这里获取data得到的是一个undefined
initEvent,在vm添加事件属性
initLifecycle:初始化vm.$options这个空属性
initRender:初始化虚拟dom需要的属性
在这里插入图片描述
beforeCreate模板还没有被替换掉。
在这里插入图片描述

create

initInjections(vm);
initState(vm);
1. data 的数据在这里初始化 initData()
2. 让data的数据变成响应式 observe() 和 proxy();
3. 判断是不是新加的,是不是数组,是不是对象
initProvide(vm);
callHook(vm, ‘created’);
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
create之后的代码;将{{}}替换成data的数据
在这里插入图片描述
$mount方法
在这里插入图片描述
在这里插入图片描述return mount.call(this, el, hydrating)就跳转到这个方法里面
在这里插入图片描述

顺着moutComponent进入beforeMount和mount什么周期

在这里插入图片描述

beforeMount

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

mounted在这里插入图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值