vue3.0入门介绍:一分钟了解vue3-生命周期
vue2 和 vue3 的生命周期执行顺序(注意vue3变量定义优先级高于vue2):
生命周期
看下 vue3 与 vue2 的生命周期图(看不看也无所谓有个印象就可以):
vue3
vue2
一、图示vue2.0(主要8个阶段)到vue3.0(主要6个阶段)改变,使用了组合API setup()
beforeCreate -> use setup()created -> use setup()beforeMount -> onBeforeMountmounted -> onMountedbeforeUpdate -> onBeforeUpdateupdated -> onUpdatedbeforeUnmount -> onBeforeUnmountunmounted -> onUnmountederrorCaptured -> onErrorCapturedrenderTracked -> onRenderTrackedrenderTriggered -> onRenderTriggeredactivated -> onActivateddeactivated -> onDeactivated
二、解析图示的改变
1、去掉了vue2.0中的 beforeCreate 和 created 两个阶段,同样的新增了一个 setup2、beforeMount 挂载之前 改名 onBeforeMount3、mounted 挂载之后 改名 onMounted4、beforeUpdate 数据更新之前 改名 onBeforeUpdate5、updated 数据更新之后 改名 onUpdated6、beforeDestroy 销毁前 改名 onBeforeUnmount7、destoryed 销毁后 改名 onUnmounted8、errorCaptured 报错 改名 onErrorCaptured
三、官方对生命周期钩子的解释
你可以通过在生命周期钩子前面加上 “on” 来访问组件的生命周期的钩子。
下表包含如何在 setup () 内部调用生命周期钩子:选项式 API Hook inside setupbeforeCreate Not needed*created Not needed*beforeMount onBeforeMountmounted onMountedbeforeUpdate onBeforeUpdateupdated onUpdatedbeforeUnmount onBeforeUnmountunmounted onUnmountederrorCaptured onErrorCapturedrenderTracked onRenderTrackedrenderTriggered onRenderTriggered
注意: setup 是围绕 beforeCreate 和 created
- 12-28小超梦腕豪龙坑5杀,小超梦名场面再现无限越塔单杀天使
- 03-22喜欢一个人直到她不喜欢我为止 三年时间足够令她想清楚很多事
- 04-03《老鼠记者》 老鼠记者,学成语一
- 04-06德国可水洗电热毯:行走的电热毯,德国护心甲
- 03-16男人成功之前必须读的十本书:10本男人必读的个人成长和自我提升书籍
- 11-12多喂猫咪喝水有危害吗?长期喂这几种水猫咪的身体会
- 01-29吃亏是福后面一句是啥:吃亏是福这句话有道理吗
- 10-15孕35周到39周胎儿还能长几斤呢:怀孕38-40周胎儿能长几斤
- 04-12航海王热血航线七海之城宝藏探索:航海王热血航线七水之城的宝藏
- 11-20去济州岛旅游攻略路线推荐 济州必游景点,牛岛交通攻略
- 11-22十二船型 漏船与名气
- 12-28山海关旅游攻略一日游4月份,第137季银河专辑,泸沽湖四姑娘山
- 12-01工商管理师在哪报名考试:工商管理师前景怎么样
- 05-04灵魂摆渡人一口气看完:灵魂摆渡人
- 01-03oppor9s和现在的千元机有什么区别?十大畅销机型占据其三
- 04-07唐僧张辽徐少华:唐僧徐少华走穴遭女粉丝乱摸
热门
推荐
- 1互相帮助的句子291
- 2多吃什么能增加记忆328
- 3和同事相处不闹别扭456
- 4夏季安全致家长一封信338
- 5乡镇开展“基层建设年”活动第一阶段工作总结118
- 6担保合同书模板331
- 7学生会竞选成员演讲稿379
- 8痛并快乐着377