Vue 3 生命周期

代码演示截图：

代码如下：

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

const exampleVar = ref('演示用的变量')

const exampleFunc = () => {
    console.log('演示用的方法，开始执行！')
    console.log(exampleVar.value)
    console.log('演示用的方法，执行结束！')
}

exampleFunc()

onMounted(() => {
    console.log('调用mounted方法！1111111')
})

onMounted(() => {
    console.log('调用mounted方法！222222')
})

onMounted(() => {
    console.log('按顺序执行')
})

</script>

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

<style scoped>

</style>

总结如下（来自某H马的视频）：