Vue 组件实例在创建时都需要经历一系列的初始化步骤;初始化过程中,它也会运行被称为生命周期钩子的函数,让开发者有机会在特定阶段运行自己的代码。
注册周期钩子:
<script setup>
import { onMounted } from 'vue'
onMounted(() => {
console.log(`the component is now mounted.`)
})
</script>
生命周期图示:
官方文档学习地址:https://cn.vuejs.org/guide/essentials/lifecycle.html#onupdated