vue3中新增了hooks的使用，内置了vue的各种api，用来将重复逻辑封装复用，比mixin更灵活
hooks中同样可以使用vue的生命周期钩子，但是容易产生原文件生命周期和hooks函数中生命周期执行顺序的疑惑
根据原文件调用生命周期和执行hooks函数的时机进行排序
export const hooks = () => {
onMounted(() => {
console.log('我是钩子函数')
})
}
<script setup>
onMounted(() => {
console.log('我是原文件')
})
hooks()
</script>
//我是原文件
//我是钩子函数