首先,嵌套路由(配置父路由组件后,在父路由下添加子属性,以配置此父路由的子路由)
应该注意的是,父组件中的路由器视图/路由器视图是子组件的占位符,这是非常重要的
嵌套路由现象:父路由组件的内容总是在点击路由跳转后出现;子路由的内容被切换,地址栏的路径也相应地改变。
//嵌套路由{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是根路径
效果:
如果有任何不足,请给我你的建议!希望给大家带来帮助!
摘要
以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。谢谢你的支持。如果你想了解更多,请查看下面的相关链接