vue路由器实现嵌套路由的说明

首先，嵌套路由(配置父路由组件后，在父路由下添加子属性，以配置此父路由的子路由)

应该注意的是，父组件中的路由器视图/路由器视图是子组件的占位符，这是非常重要的

嵌套路由现象：父路由组件的内容总是在点击路由跳转后出现；子路由的内容被切换，地址栏的路径也相应地改变。

//嵌套路由{path:'/nest '，component :()=import(' @/nest/nest ')，//嵌套路由的关键字children，在父路由的children数组中添加children 3360[{//注意，以/开头的嵌套路径将被视为根路径。如果此处的path值为“/son1”，将无法呈现son1子组件“path :‘son1’，component 3360()=import(' @/nest/nest _ son 1 ')}，]}。当您转到son 1时，在子路由中添加“/”的区别将显示在地址栏中。未添加“/”时，地址栏中将显示#/nest/son1

注意：/xx是根路径

效果：

如果有任何不足，请给我你的建议！希望给大家带来帮助！

摘要

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。谢谢你的支持。如果你想了解更多，请查看下面的相关链接