Vue--router

在main.js导入挂载

//_import_development.js
module.exports = file => require("@/pages/" + file + ".vue").default;
module.exports = function(file) {
  return require("@/pages/" + file + ".vue").default;
};
___________________________________________________________________
//_import_production.js
module.exports = file => () => import("@/pages/" + file + ".vue");
___________________________________________________________________
//router目录下的index.js
import Vue from "vue";
import Router from "vue-router";
import layout from "@/components/layout/index";
const _import = require("./_import_" + process.env.NODE_ENV);
// 配置路由
export const constRouterMap = [
  {
    path: "/resend",
    redirect: "/resend/login"
  },
  {
    path: "/index.html",
    redirect: "/resend/login"
  },
  {
    path: "/resend/login",
    name: "login",
    component: _import("login/index")
  },
  {
    path: "/resend/forgetPass",
    name: "forgetPass",
    component: _import("login/forgetPass")
  },
  //主体部分有layout布局左 右（上下）
  {
    path: "/resend",
    name: "main",
    component: layout,  //<--------------有后台的侧边栏下拉
    children: [
      {
        path: "/resend/home",
        name: "home",
        component: _import("testAnalysis/home")
      }
    ]
  }
];

export default new Router({
  routes: constRouterMap,
  mode: "history" //去掉#
});
——————————————————————————————————————————————————————————————————————————
layout目录下的index.js
 .......//省略侧边栏，右侧上栏结构（详情见，组件--menu）
 <router-view //子路径匹配的出口
          v-loading='showLoader'
          @changeSideBar='isSideBar'
          @getHeaderArea='getAreaData'
          :AddreassData='propDetailVal'
    />