VueRouter之router-view小记
router-view可以实现局部加载,很方便,但是也有坑。router-view使用的前提是,局部加载的组件和加载它的组件要有父子关系,也就是说,需要在加载router-view的组件配置children路由如:{ path: '/attend', name: '参与活动', component: resolve => requ
·
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了。
更多推荐
已为社区贡献5条内容
所有评论(0)