原文地址
vue3和vue2生命周期的对比
Vue3 的生命周期比较多。
- setup() :开始创建组件之前,在beforeCreate和created之前执行。创建的是data和method
- onBeforeMount() : 组件挂载到节点上之前执行的函数。
- onMounted() : 组件挂载完成后执行的函数。
- onBeforeUpdate(): 组件更新之前执行的函数。
- onUpdated(): 组件更新完成之后执行的函数。
- onBeforeUnmount(): 组件卸载之前执行的函数。
- onUnmounted(): 组件卸载完成后执行的函数。
- onActivated(): 被包含在
中的组件,会多出两个生命周期钩子函数。被激活时执行。 - onDeactivated(): 比如从 A 组件,切换到 B 组件,A 组件消失时执行。
- onErrorCaptured(): 当捕获一个来自子孙组件的异常时激活钩子函数(以后用到再讲,不好展现)。
注:使用<keep-alive> 组件会将数据保留在内存中,比如我们不想每次看到一个页面都重新加载数据,就可以使用
vue3使用生命周期需要单独从vue中引用,并且只能在setup函数内调用
Vue2--------------vue3beforeCreate -> setup()created -> setup()beforeMount -> onBeforeMountmounted -> onMountedbeforeUpdate -> onBeforeUpdateupdated -> onUpdatedbeforeDestroy -> onBeforeUnmountdestroyed -> onUnmountedactivated -> onActivateddeactivated -> onDeactivatederrorCaptured -> onErrorCaptured
原文转载:http://www.shaoqun.com/a/504287.html
环球华网:https://www.ikjzd.com/w/1063
易麦:https://www.ikjzd.com/w/2048
原文地址vue3和vue2生命周期的对比Vue3的生命周期比较多。setup():开始创建组件之前,在beforeCreate和created之前执行。创建的是data和methodonBeforeMount():组件挂载到节点上之前执行的函数。onMounted():组件挂载完成后执行的函数。onBeforeUpdate():组件更新之前执行的函数。onUpdated():组件更新完成之后执行的
acca:acca
f2c:f2c
海南珊瑚礁 :海南珊瑚礁
口述:小姨子洗完澡后裸睡在我的床上(2/2):口述:小姨子洗完澡后裸睡在我的床上(2/2)
四姑娘山海拔:四姑娘山海拔
No comments:
Post a Comment