vue-router实现嵌套路由的讲解 - 行业资讯 - 肥雀云

<强>一、嵌套路由(配置好父路由组件后,在父路由下面添加孩子属性来配置这个父路由的子路由)

需要注意的是:父组件中的& lt; router-view> & lt;/router-view>是子组件的占位符是必不可少的

嵌套路由的现象:点击了路由跳转之后父路由组件的内容一直呈现;子路由的内容进行切换,地址栏的路径也随之改变。

　　　　//嵌套路由　　{ 　　路径:/窝, 　　组件:()=比;进口(“@/窝巢”),//嵌套路由的关键字的孩子,在父路由中添加儿童数组中添加子路径　　孩子:( 　　{//要注意,以/开头的嵌套路径会被当作根路径,这让你充分的使用嵌套组件而无须设置嵌套的路径。如果这里的路径的值为'/救赎将无法渲染的救赎子组件的　　路径:“救赎”, 　　组件:()=比;导入(@/巢/nest_son1) 　　}, 　　] 　　} 　　　　

上面子路由中加不加“/钡那?当去到救赎的时候加“/被嵩诘刂防钢邢允?#/救赎;不加“/钡氖焙蚧卦诘刂防钢邢允?/巢/救赎

注意:/xx就是根路径

vue-router实现嵌套路由的讲解