vue----webpack模板----children子路由，路由嵌套

路由嵌套

 

    一种是每个路由到的组件都有共有的内容，这时把共有的内容抽离成一个组件，变化的内容也是一个组件，两种组件组合嵌套，形成一个新的组件

 

案例：

    　对于共有的内容，典型的代表就是网页的侧边栏，

        假设侧边栏在左边，我们点击其中的按钮时，右侧的内容会变化，但不管右侧的内容怎么变化，左侧的侧边栏始终存在。这个侧边栏就是共有内容，如下图所示

 

        

  {
      path:"/main",
      name:"main",
      component:main
      children:[
        {
          path:"shouye",
          name:"shouye",
          component:shouye
        },
        {
          path:"guanyuwomen",
          name:"fu",
          component:about
        },
        {
          path:"three",
          name:"three",
          component:three
        },
      ]
    },

子路由和父路由相当于儿子和父亲的关系，子路由的定位是相对于父路由的