来源于官网：https://router.vuejs.org/

新建导航

目录如下：
config
|———route.vue

代码如下：

import Index from "../pages/Index.vue";

const routes = [
    { path: '/index', component: Index },
]

其中界面写在：
pages
|————Index.vue

跳转路由

const onClickRight = () => {
  router.push("/rightPage")
};

携带参数跳转(query参数将数据写在url中)

const toEdit = (editKey: string, editName: string,currentValue: string) => {
  router.push({
    path: "/user/edit",
    query: {
      editName,
      editKey,
      currentValue,
    }
    replace: true//这个代表从路由中删掉当前路径，返回方法也无法使用
  })
}

取出参数：

const route = useRoute();
console.log(route.query);