单仁资讯做网站怎样,备案网站应用服务,济南网络推广,python搭建服务器1.安装vue-router pnpm i vue-router 2.在src下闯将router目录#xff0c;在它下边再建一个index.ts,用来创建路由和配置静态路由#xff08;静态路由就是不管哪个用户都会有的路由页面#xff0c;比如#xff0c;登陆页面#xff0c;主页面#xff0c;404页面#…1.安装vue-router pnpm i vue-router 2.在src下闯将router目录在它下边再建一个index.ts,用来创建路由和配置静态路由静态路由就是不管哪个用户都会有的路由页面比如登陆页面主页面404页面以及如果匹配到没有的路由重定向到404的配置
import { createRouter, createWebHashHistory } from vue-routerlet router createRouter({history: createWebHashHistory(),routes: [{path: /login,component: () import(/views/login/index.vue),name: login},{path: /,component: () import(/views/home/index.vue),name: layout},{path: /404,component: () import(/views/404/index.vue),name: Any},{path: /:pathMatch(.*)*,//如果匹配到没有的路由则重定向到404页面redirect: /404}],scrollBehavior() {return {left: 0,top: 0}}
})export default router; 3.再main.ts中引入配置好的路由
import router from /router/indexapp.use(router)到这里就配置好了如果想实现路由跳转只需要在跳转的父组件的位置写上router-view标签引入useRouter函数在引入的最上方获取router对象通过它的push方法即可实现路由跳转
import {useRouter} from vue-routerlet routeuseRouter();route.push(/)
