vue3 生命周期

vue3 生命周期图示

注册生命钩子

用法

<script setup>
import { onMounted } from 'vue';

onMounted(() => {
    console.log('now mounted');
});
</script>

调用 onMounted 时，Vue 会自动将回调函数注册到当前正被初始化的组件实例上，所以该钩子应当被同步注册。

这并不意味对 onMounted 的调用必须放在 setup() 或 <script setup> 内的词法上下文中。

onMounted() 也可以在一个外部函数中调用，只要调用栈是同步的，且最终起源自 setup() 就可以。