欢迎光临散文网 会员登陆 & 注册

Vue的生命周期

2022-10-31 10:11 作者:十叁みずき  | 我要投稿

Vue的生命周期就是vue实例从创建到销毁的全过程,也就是new Vue() 开始就是vue生命周期的开始。Vue 实例有⼀个完整的⽣命周期,也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程,称这是Vue的⽣命周期。

创建前后:1.beforeCreate 2.created 


挂载前后:3.beforeMount 4.mounted 

更新前后:5.beforeUpdate 6.updated 

销毁前后:7.beforeDestroy 8.destroyed

1.一旦进入组件或者页面会执行哪几个周期?顺序是什么?

1234

2.哪个阶段有$el和$data?

$el是当前组件的根节点,也可以理解为dom,是当前组件内的元素, $data一般代表为数据.

1

由此可见,data在创建完成阶段就已经出现了,而$el是在挂载完成之后出现的.

3.关于keep-alive

加入keep-alive之后,会多两个生命周期

9.activated,10.deactivated,如果加入了keep-alive之后第一次进入组件和页面会执行12349阶段,而第二次以及第n次之后,由于keep-alive的缓存机制仅执行9阶段.



Vue的生命周期的评论 (共 条)

分享到微博请遵守国家法律