vue3hooks中的生命周期钩子

vue3中新增了hooks的使用，内置了vue的各种api，用来将重复逻辑封装复用，比mixin更灵活

hooks中同样可以使用vue的生命周期钩子，但是容易产生原文件生命周期和hooks函数中生命周期执行顺序的疑惑

根据原文件调用生命周期和执行hooks函数的时机进行排序

export const hooks = () => {
    onMounted(() => {
        console.log('我是钩子函数')
    })
}

<script setup>
onMounted(() => {
    console.log('我是原文件')
})
hooks()
</script>

//我是原文件
//我是钩子函数