最近编写vue3代码,遇到一个小问题,记录一下。
首先说一下两个前提,一:vue3中使用hook函数可以对vue文件中的代码进行拆分整理便于维护,二:vue3中defineProps和defineEmits只能在setup中使用。我们设想一种情况,当子组件使用了defineProps和defineEmits去接受父组件的数据或者触发父组件的方法,而我们又想要去拆分这部分代码写成一个hook函数那么该如何处理呢?
直接上图:
解决方法是:直接在setup所处的script文件中,调用hook函数,然后将props和emits作为实参传入,之后就能够正常编写剩余代码了。