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

路由重定向

概念：

用户在访问地址 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') },
];