路由重定向,404路由,嵌套路由

发布于 2020-12-30  91 次阅读


路由重定向

概念:

用户在访问地址 A 的时候,强制用户跳转到地址 C ,从而展示特定的组件页面

实现:

通过路由规则的redirect属性,指定一个新的路由地址,可以很方便地设置路由的重定向

嵌套路由

核心思想:

父路由组件的模板内容中添加子路由链接和子路由填充位(占坑),同时在路由规则处为父路由配置children属性指定子路由规则

需要在 父路由组件中定义一个router-view 用于嵌套路由的渲染显示

404路由

由于Vue路由是从上到下执行的,只要在路由配置规则中最后面放个*号路由就可以了

const routes = [
    // 路由重定向
    { path: "/", redirect: "/hello" },
    { path: "/hello", component: Hello },
    { path: "/news/:id", component: News },
    // 嵌套路由
    {
        path: "/users",
        component: Users,
        children: [
            {path:"list",name: "user_list",component: List,},
            { path: "add", component: Add },
            { path: "mod", component: Mod },
            { path: "del", component: Del },
        ],
    },
    // 默认404路由
    { path: "*", component:()=>import('../views/NotFound') },
];

一沙一世界,一花一天堂。君掌盛无边,刹那成永恒。