vue route.js

vue router.js 页面引入的俩种写法。

import Vue from "vue";
import Router from "vue-router";
import Basepage from "@/container/BasePage";
// import Home from "./views/home/Home.vue";
// import Life from "./views/life/life.vue";
import My from "./views/my/my.vue";
Vue.use(Router);

export default new Router({
  mode: "history",
  base: process.env.BASE_URL,
  routes: [
    {
      path: "/",
      redirect: "home",
      name: "index",
      hidden: false,
      component: Basepage,
      children: [
        {
          path: "/homeIndex",
          name: "homeIndex",
          component: {
            render(c) {
              return c("router-view");
            }
          },
          redirect: "home",
          children: [
            {
              path: "/home",
              component: () => import("./views/home/Home.vue"),
              name: "home"
            }
          ]
        },
        {
          path: "/lifeIndex",
          name: "lifeIndex",
          component: {
            render(c) {
              return c("router-view");
            }
          },
          redirect: "life",
          children: [
            {
              path: "/life",
              component: () => import("./views/life/life.vue"),
              name: "life"
            }
          ]
        },
        {
          path: "/myIndex",
          name: "myIndex",
          component: {
            render(c) {
              return c("router-view");
            }
          },
          redirect: "my",
          children: [
            {
              path: "/my",
              component: My,
              name: "my"
            }
          ]
        }
      ]
    }
  ]
});

目录

8ADAA4B3-78E9-4150-A6AB-1F1DD29B50F5.png

如果只在上面引入，在下面的routes里没有配置，在vsCode终端里报错。必须引入一下就好。