Vue Router官网
1、npm install vue-router@4
2、创建模块,在src目录小创/views/map/MapIndex.vue模块和创router/index.js文件
3、在router/index.js配置路由
import Vue from "vue";
import Router from "vue-router";
// 引入模块
const MapIndex = () => import("@/views/map/MapIndex.vue");
// 安装路由
Vue.use(Router);
// 创建路由实例
const router = new Router({// 创建路由对象routes: [{path: "/",// 重定项redirect: "/mapIndex",},{path: "/mapIndex",component: MapIndex,},]
});
/* 因为要挂载导航守卫 所以不能实时导出 */
export default router;
4、在main.js导入router
5、App.vue调用