vue的生命周期

本文详细介绍了Vue实例从创建到销毁的整个过程,包括new Vue()实例化、初始化事件和生命周期、beforeCreate、created、el属性与挂载、模板编译、beforeMount、mounted、数据变化监听、beforeUpdate、updated、beforeDestroy和destroyed等关键步骤。
摘要由CSDN通过智能技术生成

第一步:实例化Vue对象

new Vue()

通过 new Vue() 实例化Vue对象

第二步:初始化事件和生命周期

init Events & init Lifecycle

初始化事件 和 生命周期

:创建实例之前执行的钩子事件

beforeCreate

这个时候数据还没有挂载,只是一个空壳。
无法访问数据和$el
computed 和 watch 的数据不能访问

第三步:初始化注入

init injections & init reactivity

初始化注入事件 和 反射

实例创建完成后执行钩子事件

created

可以进行数据的观测和使用
属性和方法的运算
但是挂载还没开始,模板还没有渲染成 html

第四步:判断 el 的挂载方式

el 属性 选定挂载范围

没有 el 属性 则使用 v

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值