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了。