vue3选项式钩子函数和组合式钩子函数

选项式钩子函数

与vue2相同

唯一更改的两个钩子函数

beforeDestroy    --->   beforeUnmount

destroyed           --->   unmounted

所谓选项式为与setup同级。

组合式钩子函数

在setup中使用，使用前 必须先引入

beforeCreate        ---> setup

created                 ---> setup

beforeMount        ---> onBeforeMount

mounted               ---> onMounted

beforeUpdate       ---> onBeforeUpdate

updated                ---> onUpdated

beforeUnmount   ---> onBeforeUnmount

unmounted          ---> onUnmounted

注意点

不建议选项式钩子和组合式钩子同时存在。

setup执行在beforeCreate之前

如果同时存在，setup中的钩子先执行，选项式钩子后执行