Vue组合式API---生命周期函数执行多次示例

生命周期函数是可以执行多次的，多次执行时传入的回调会依次执行。

示例：
App.vue文件：

<script setup>
// 导入函数
import { onMounted } from 'vue'

// 执行函数，传入一个回调函数作为参数
onMounted(() => {
  console.log('组件挂载完毕，onMounted被执行了---1')
})

// 执行函数，传入一个回调函数作为参数
onMounted(() => {
  console.log('组件挂载完毕，onMounted被执行了---3')
})

// 执行函数，传入一个回调函数作为参数
onMounted(() => {
  console.log('组件挂载完毕，onMounted被执行了---2')
})

</script>

<template>
  <div></div>
</template>

将App.vue文件的内容拷贝到Vue SFC Playground执行：

从开发者工具控制台的打印信息可以看到，生命周期函数被依次执行了，按照代码中的顺序执行的。