vue对象的声明周期函数及在setup对应函数（vue.3.0)

vue对象的声明周期函数在setup中不能使用，但有相应对应函数

这里先说一下setup出现前的vue对象的声明周期函数

vue对象的生命周期函数（vue2.0）

vue对象创建成功之前之后

beforeCreate:vue对象创建成功之前

creater:vue对象创建成功之后

view与model绑定成功之前之后

数据和响应数据

beforeMount:view与model绑定成功之前

mounted:view与model绑定成功之后'

view或model数据更新之前之后

beforeUpdate:view或model数据更新之前beforeUpdate() 、updated:view或model数据更新之后

vue对象销毁之前之后

updated:vue对象销毁之前

destroyed:vue对象销毁之后

//vue对象的声明周期函数
beforeCreate() {
  console.log('beforeCreate:vue对象创建成功之前')
},
created() {
  console.log('creater:vue对象创建成功之后')
},
beforeMount() {
  console.log('beforeMount:view与model绑定成功之前')
},
mounted() {
  console.log('mounted:view与model绑定成功之后')
},
beforeUpdate() {
  console.log(' beforeUpdate:view或model数据更新之前')
},
updated() {
  console.log('updated:view或model数据更新之后')
},
beforeDestroy() {
  console.log('updated:vue对象销毁之前')
},
destroyed() {
  console.log('destroyed:vue对象销毁之后')
}

setup相应对应函数

import {ref,reactive,toRefs,onBeforeMount,onMounted,onBeforeUpdate,onUpdated,onBeforeUnmount,onUnmounted} from 'vue'
// onBeforeMount:v-m绑定成功之前,onMounted:v-m绑定成功之后,onBeforeUpdate:v-m数据更新前,
// onUpdated:v-m数据更新后,onBeforeUnmount:vue销毁之前,onUnmounted:vue销毁之后

setup(结构中如何使用声明周期函数

简单说明

1.需要提前声明

2.setup前需要加on

3.setup中有一些功能没有，但有替代的东西

4.功能作用相同