vue2中二级路由的配置

最新推荐文章于 2024-02-23 15:40:24 发布

wfbxf

最新推荐文章于 2024-02-23 15:40:24 发布

阅读量602

点赞数

文章标签： java 开发语言

本文链接：https://blog.csdn.net/wfbxf/article/details/130488827

版权

1、路由的重定向以及二级路由的嵌套

const routes = [
  // 路由的重定向
  {
    path: "/",
    redirect: "/home/index",
  },
  {
    path: "/home",
    name: "home",
    component: HomeView,
    // 二级路由的嵌套
    children: [
      {
        path: "index",
        name: "/home/index",
        component: () => import("../views/index.vue"),
      },
      {
        path: "actor-list",
        name: "/home/actor-list",
        component: () => import("../views/actor/ActorList.vue"),
      },
      {
        path: "actor-add",
        name: "/home/actor-add",
        component: () => import("../views/actor/ActorAdd.vue"),
      },
    ],
  },
  {
    path: "/about",
    name: "about",
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () =>
      import(/* webpackChunkName: "about" */ "../views/AboutView.vue"),
  },
];