如果通过配置项配置beforeCreated的话，是在setup( )之前调用的，但是如果是在组合式api的形式的话，那就是beforeCreate与created就是等于setup
组合式api
在配置项写生命周期与在组合式api写生命周期钩子
<template>
<h2>当前求和为：{{ sum }}</h2>
<button @click="sum++">点我加1</button>
<br />
</template>
<script>
import {
onBeforeMount,
onMounted,
onBeforeUpdate,
onUpdated,
onBeforeUnmount,
onUnmounted,
ref,
} from "vue";
export default {
name: "Demo",
setup() {
console.log('---setup---');
const sum = ref(0);
// 使用 onBeforeMount 钩子
onBeforeMount(() => {
console.log('---onBeforeMount---');
});
// 使用 onMounted 钩子
onMounted(() => {
console.log('---onMounted---');
});
// 使用 onBeforeUpdate 钩子
onBeforeUpdate(() => {
console.log('---onBeforeUpdate---');
});
// 使用 onUpdated 钩子
onUpdated(() => {
console.log('---onUpdated---');
});
// 使用 onBeforeUnmount 钩子
onBeforeUnmount(() => {
console.log('---onBeforeUnmount---');
});
// 使用 onUnmounted 钩子
onUnmounted(() => {
console.log('---onUnmounted---');
});
return { sum };
},
};
</script>
<style>
</style>
)