谁说这RouterView不好啊,这RouterView太棒啦!

75 阅读1分钟

基本上每个Vue人都见过RouterView在模板中充当占位符的用法 <router-view></router-view>

但第一次看到RouterView在router配置表里面当做component使用时可能有点懵

import { RouterView } from 'vue-router';
const router = useRouter();
router.addRoute({
{
                path: '/parent-path',
                name: 'parentPath',
                component: RouterView,
                children: [
                    {
                        path:'child-path',
                        name:'childPath',
                        component:() => import('@view/ChildComponent.vue')
                    }
                ],
            }
})

这里的RouterView到底是啥?

其实和<router-view></router-view>是同一个东西,只是一个占位符组件,免得再去创建一个ParentComponent.vue文件,再在这个文件里使用<router-view></router-view>,最后再去路由配置表里面引入这个父组件,适合给一些没必要单独创建vue文件的父路由充当占位符组件。

仅此拙见,如有问题,请多指教。