vue3.0 router 页面跳转实现

1、router/index.js 中声明（类似主配置文件注册）

export default new Router({

routes: [

{

path: '/',

name: 'Login',

component: Login

},

{

path: '/main',

name: 'Main',

component: Main

}

]

})

从Login跳转到Main， Main的path为 /main

2、Login.vue中满足条件时跳转

引入router

import router from '@/router/index.js';

跳转

router.push("/main")  // 此处路径需和声明处一致

之后运行

npm run dev 

点击跳转成功