基本上每个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文件的父路由充当占位符组件。
仅此拙见,如有问题,请多指教。