VueRouter之router-view小記
阿新 • • 發佈:2019-01-08
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了。