vue3中当子组件使用defineProps时，如何使用hook函数进行拆分整理代码？

最近编写vue3代码，遇到一个小问题，记录一下。

首先说一下两个前提，一：vue3中使用hook函数可以对vue文件中的代码进行拆分整理便于维护，二：vue3中defineProps和defineEmits只能在setup中使用。我们设想一种情况，当子组件使用了defineProps和defineEmits去接受父组件的数据或者触发父组件的方法，而我们又想要去拆分这部分代码写成一个hook函数那么该如何处理呢？

直接上图：

 

 解决方法是：直接在setup所处的script文件中，调用hook函数，然后将props和emits作为实参传入，之后就能够正常编写剩余代码了。