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

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

使用:

router/index.js

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

二级路由

定义

嵌套路由顾名思义就是路由的多层嵌套。

示例一:Film路由下添加二级路由nowPlaying和comingSoon

1.views下新建文件夹FIlm,创建两个子路由文件

nowPlaying.vue