Vue2--组件的生命周期(学习笔记)

vue创建实例对象到渲染的过程

1.创建实例对象。

2.注入---完成数据响应式,并把响应式的数据提到Vue实例里面。

3.编译生成虚拟DOM树---此处浏览器会先看程序员有没有配置render函数,若没有,则会查看template函数有没有配置,若没有,最后会查看模板。

4.挂载---生成真实DOM树,渲染页面

5.达到已挂载状态,已挂载状态如果发生数据变动会重新生成虚拟DOM树,这时候会对比前后两次生成的虚拟DOM树的差异,将差异重新应用到真实的DOM树上并且完成渲染。

而组件的生命周期和vue创建实例对象到渲染的过程有不可分割的联系,而组件的生命周期的各个阶段都有对应的hooks也称为钩子函数

image-20201206132819263

 beforeCreate:实例对象创建之后,注入之前调用的钩子函数( 此函数无法读取vue实例里的data数据,因为在此钩子函数调用时还没数据注入到vue实例里)

 created&

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值