vue3.0请求的接口数据如何跨文件接收

我有强迫症,纯属是给自己找虐。写的代码就想规规矩矩整整齐齐。一个文件里不想放太多代码。所以遇见了下面的问题。在做vue3+ts项目的时候,
我把接口给拆分出来了。在setup文件里调用执行逻辑的ts文件,在执行逻辑的ts文件里调用了接口文件,接口文件里是如下这么写的,我需要在请求code值是200的时候就设置路由跳转到Home页面。但是我在这个文件里写完以后。控制台会报错,提示router没有push属性。打印router显示undefined,然而我在setup函数里调用路由是有值的,难道是因为我把文件拆分出来导致的吗?那这种问题有没有合适的解决办法呢?请教各位答疑解惑。
另外如果我不改动我的文件结构的情况下,在这个接口文件里如何能够将接口的值传回给页面呢?
在vue2的时候可以通过this指向去修改data数据。
在vu3里我想到了用vuex,但用vuex的话,后期可能会导致vux里的数据特别特别多。除了vuex还有别的办法实现跨文件去修改data数据吗?

/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
import { LOGIN } from '@/aips/interface'
import useLogicVerificationCode from './logicVerificationCode'
import { useRouter } from 'vue-router'

interface objFormData {
  valueData: string
}

const useRtieLogin = async (formData: objFormData) => { // 登录接口函数
  const result = await LOGIN(formData)
  const res = result.data
  switch (res.code) {
    case '200': {
      const data = res.data
      sessionStorage.setItem('token', data.token) // 存储token
      const router = useRouter()
      console.log(useRouter())
      router.push({ path: 'Home' })
      break
    }
  }
}
export { useRtieLogin }

你好,我是有问必答小助手,非常抱歉,本次您提出的有问必答问题,技术专家团超时未为您做出解答


本次提问扣除的有问必答次数,将会以问答VIP体验卡(1次有问必答机会、商城购买实体图书享受95折优惠)的形式为您补发到账户。


​​因为有问必答VIP体验卡有效期仅有1天,您在需要使用的时候【私信】联系我,我会为您补发。