Vue3生命周期

里奥♚

已于 2023-03-14 10:49:05 修改

阅读量3.5k

点赞数 1

分类专栏： Vue 文章标签：前端 vue vue.js 开发语言

于 2022-09-03 23:53:31 首次发布

本文链接：https://blog.csdn.net/m0_46533551/article/details/126684312

版权

Vue 专栏收录该内容

4 篇文章 2 订阅

订阅专栏

Vue3生命周期相对于Vue2生命周期来说，区别不是很大，最大的区别在Vue2的beforeCreate和Created用在Vue3中用setup代替，其他的生命周期只是在命名上有改变。

beforeDestroy 改名为 beforeUnmount
destroyed 改名为 unmounted
beforeCreate => setup
created => setup
beforeMount => onBeforeMount
mounted => onMounted
beforeUpdate => onBeforeUpdate
updated => onUpdated
beforeUnmount => onBeforeUnmount
unmounted => onUnmounted

特别注意的是：Vue3所有的生命周期需要写到setup中，如下：

setup() {
    onMounted(() => {
      console.log('mounted')
    })
    onUnmounted(() => {
      console.log('onUnmounted')
    })   
}