专业的编程技术博客社区

网站首页 > 博客文章 正文

Vue的生命周期都有哪些?Vue3.0和Vue2.0的区别是什么?

baijin 2024-10-09 07:57:13 博客文章 11 ℃ 0 评论

在Vue3.0中,需要注册生命周期时,可以直接以 onXXX 函数导入:

注册的这些生命周期钩子函数只能在 setup() 内部同步使用,因为它们依赖于内部全局状态来定位当前激活的实例(也就是组件实例的setup()正在调用)。如果当前实例不是激活状态情况下调用它们将会抛出导致错误。

Vue2.x生命周期'选项'和Vue3.0 Composition API的对比

1.beforeCreate -> use setup()

2.created -> use setup()

3.beforeMount -> onBeforeMount

4.mounted -> onMounted

5.beforeUpdate -> onBeforeUpdate

6.updated -> onUpdated

7.beforeDestroy -> onBeforeUnmount

8.destroyed -> onUnmounted

9.errorCaptured -> onErrorCaptured

新的函数钩子

除了与Vue2.x类似生命周期之外,Composition API还提供以下调试钩子:

  1. onRenderTracked
  2. onRenderTriggered

两个钩子都接收DebuggerEvent,类似于 watchers的选项:onTrackonTrigger

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表