Vue中路由跳转

第一步：安装路由插件 npm i vue-router@3.5.4

第二步：创造路由文件，在src目录下 router

import VueRouter from 'vue-router';
const routes =[
 {
 path:'/',
 name:'login',
 component:()=>import('../components/Login')
 }
]
const router = new VueRouter({
 mode:'history',
 routes
})
export default router;

第三步：在main.js里面引用

import VueRouter from 'vue-router';//路由
import router from "./router";
Vue.use(VueRouter);

第四步：在app.vue里面接收