嵌套路由

嵌套路由最关键在于理解子级路由的概念:

比如我们有一个/users的路由,那么/users下面还可以添加子级路由,如:

/users/index、/users/add等等,这样的路由情形称之为嵌套路由。

routes: [

  {

      path: "/user",

      component: User,

      //通过children属性为/user添加子路由规则

      children:[

          { path: "/user/index", component: Index },

          { path: "/user/add", component: Add },

      ]

  }

]

 

# 需要在 User组件中定义一个router-view 用于嵌套路由的渲染显示

<router-view></router-view>

在路由文件中定义显示的路由规则

 在嵌套路由的子组件中定义渲染的容器

效果

右侧打赏一下 代码改变世界一块二块也是爱
原文地址:https://www.cnblogs.com/ht955/p/14247842.html