生命周期钩子

来源: 2024-05-25 00:17:29 播报

注册周期钩子

onMounted 钩子可以用来在组件完成初始渲染并创建 DOM 节点后运行代码。

示例:

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

onMounted(() => {
  console.log(`the component is now mounted.`)
})
</script>

不同的钩子函数,在实例生命周期的不同阶段被调用。常见的钩子函数除了onMounted还有一些如 onUpdated、onUnmounted 等。