2021-11-08 vue笔记-路由vue-router(二) 路由的重定向和二级路由(路由嵌套或子路由)

原创

已于 2022-10-19 18:05:30 修改 · 356 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #vue #路由 #路由嵌套 #重定向

于 2021-11-08 14:41:56 首次发布

本文介绍了Vue Router中的重定向和二级路由（路由嵌套）概念。在重定向部分，展示了当路径错误时如何返回指定路径。在二级路由部分，通过实例详细说明了如何在Film路由下创建nowPlaying和comingSoon两个子路由，并在Film.vue中添加router-view容器，以及在router/index.js中配置children数组。此外，还讲解了如何为子路由设置重定向，确保和都跳转到。

文章目录

重定向:路径错误时回到指定的路径

使用:

router/index.js

const router = new VueRouter({
   
   
        routes: [
            //配置路由路径
            {
   
   
                path: '/Film',
                component: Film
            },
            {
   
   
                path: '/Center',
                component: Center
            },
            {
   
   
                path: '/Cinema',
                component: Cinema
            },
            // 输入路径错误时自定返回Film页
            {
   
   
                path: "*",
                redirect: '/Film'
            }
        ]
    })