1. 程式人生 > >VueRouter之router-view小記

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