可以通过使用vue的动态组件和具名视图来实现嵌套路由时不设置父级component的效果。具体实现方法为:在父级路由的component中使用<router-view :key="$route.fullPath"></router-view>来渲染子路由,同时在子路由的component中使用<router-view name="子路由名称"></router-view>来渲染嵌套的子路由。这样可以在不设置父级component的情况下将子路由渲染到父级路由上。
实现原理是基于vue的动态组件和具名视图的特性。动态组件允许我们根据组件名称动态切换子组件,具名视图允许我们为<router-view>设置名称,从而在同一个父级路由中渲染不同的子路由。通过将<router-view>和具名视图结合起来使用,我们可以在嵌套路由中实现不设置父级component的效果。