希望就一下几点进行优化，提升最佳实践

[yangnuowei88]

1. 大量重复性引用（考虑提取为公共文件，或者利用vite插件自动导入）

import { useRouter } from 'vue-router'
import { computed, onDeactivated, onMounted, onUnmounted, reactive } from 'vue'

2. 没有用TS,可否直接去掉算了

<script setup lang="ts">

3. 事件钩子可以用一个方法进行保障聚合在一起吗？
4. 处理函数是否应该弄个统一的命名空间聚合起来，感觉太分散了