路由嵌套的问题：
vue3前端开发中，在使用嵌套路由来设计二级目录或多级目录后，使用RouterLink标签和RouterView标签来渲染时显示的有可能是上一级的目录指向的vue组件，而无法显示子路由指向的组件的内容，这是为什么呢？
先来说说解决方法吧：
-
如果是二级目录，那么就在一级目录下的RouterView标签中再嵌套一个RouterView标签。
无法显示子路由组件的原因：
据鄙人检索到的有关资料，vue3中，一个级别的路由理论上通常对应的是一个RouterView，如果是多个的话，就应该对应多个RouterView嵌套。
简单的示例代码：
<template><div><h2>Vue路由测试</h2><!-- 导航 --><div><RouterLink to="/home/detail" active-class="active">首页</RouterLink></div><div><RouterView><!-- 嵌套RouterView标签 --><RouterView></RouterView></RouterView></div></div>
</template>全栈开发助手：vue3嵌套路由无法显示子路由组件的解决方法
免责声明：内容仅供参考，不保证正确性。
