VueRouter之router-view小记

router-view可以实现局部加载，很方便，但是也有坑。

router-view使用的前提是，局部加载的组件和加载它的组件要有父子关系，也就是说，需要在加载router-view的组件配置children路由

如：

{
          path: '/attend',
          name: '参与活动',
          component: resolve => require(['components/attend/attend.vue'], resolve),
               children: [
                     {

               

         path: '/activityAll',
    
                        name：’全部活动‘
    
                        component: resolve => require(['components/activityAll/activityAll.vue'], resolve)
                 }
           ]
      }

PS： app.vue是所有组件的父组件，因为在mainjs里挂载的就是app.vue

所以在app.vue里用router-view，不需要配置children了。

作者：炯炯灯
来源：CSDN
原文：https://blog.csdn.net/qq_18223479/article/details/80365724