接前面

 

实现嵌套路由的两个步骤:

创建对应的子组件,并且在路由映射中配置对应的子路由

在组件内部使用<router-view>标签

创建两个vue,里面填写一些内容:

bilibili学习之嵌套路由

 在index.js中。配置相关消息,

第一步:利用懒加载的方式配置路由相关信息

第二步:创建VueRouter对象,传入路由映射配置

由于需要在home中展现新闻和消息两个模块,所以路由的映射配置应该写在home的下面,

bilibili学习之嵌套路由

 然后在Home.vue中

bilibili学习之嵌套路由

效果图

bilibili学习之嵌套路由 

相关文章:

  • 2022-12-23
  • 2021-07-08
  • 2021-07-09
  • 2022-12-23
  • 2021-07-30
  • 2021-04-29
  • 2021-04-28
  • 2021-12-17
猜你喜欢
  • 2021-06-29
  • 2021-12-30
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-05-19
  • 2022-01-16
相关资源
相似解决方案