TypeError: Cannot read properties of undefined (reading ‘push‘)，在js文件中使用push()跳转无效

        我们在写vue3项目的时候，为了增加代码复用，或一些其他原因，会将一些原本应该写在vue文件里的js逻辑，提取出来放到JS文件中用来增加代码复用。        

        vue文件中使用push()方法进行跳转

import { useRouter } from "vue-router";

const router = useRouter();

//2.跳转登录页面
router.push("/login");

        在vue文件中这样三行代码就能实现页面的跳转，但是如果在JS文件中这样写是不行的，这时候大家可能会感到疑惑，百思不得其解，我的代码也没有写错为啥不能使用呢？

        这是因为呀

import { useRouter } from "vue-router";

        这个方法是vue封装好的，这样一想，这跟方法当然只能在vue文件中使用啦，JS文件不能使用是不是也合情合理？

        那我们在JS文件中应该怎么写才能使用push()方法嘞？其实很简单只需要把我们的路由文件引入到JS文件中就能正常使用push()进行跳转啦

import router from "@/router/index"

//2.跳转登录页面
router.push("/login");