router ts版本

安装

npm install vue-router@4

创建文件 index.ts

import { createRouter, createWebHistory, RouteRecordRaw } from "vue-router";

const routes: Array<RouteRecordRaw> = [
    {
        path: "/",
        component: () => import("@/views/index.vue"),
    },
    {
        path: "/pages",
        component: () => import("@/views/test.vue"),
    },
];



const router = createRouter({
    history: createWebHistory(),
    routes,
});

export default router;

main.ts

import { createApp } from 'vue'
import App from './App.vue'
import router from '@/router'

createApp(App).use(router).mount('#app')

使用

import {  useRouter } from "vue-router";
const router = useRouter();

const tabTo = ()=>{
    router.push('/pages');
}