bilibili学习之嵌套路由

接前面

 

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

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

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

创建两个vue，里面填写一些内容：

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

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

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

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

 然后在Home.vue中

效果图