1、嵌套路由的了解
嵌套路由,主要是由我们的页面结构所决定的,当我们进入一个页面的时候,如果此时下面还有一些分类导航需要对不同的页面进行处理,那么这时就需要路由到下级的各个部分中去,这种情况在一个组件内需要动态切换组件的时候,就需要用到嵌套路由。
2、嵌套路由的实现
2.1 一级路由映射的组件
2.1.1 首页Index组件
2.1.2 商品Goods组件
组件说明:商品Goods组件中还有子路由,router-link,router-link的to属性是一个完整的路由,子组件由对应组件显示的位置router-view
2.1.2.1. 主入口文件代码
2.1.2.2 路由映射关系的实现
因为/goods路由对应的组件中还有二级路由跳转,Vue提供了一个children属性,来配置/goods路由中的二级路由,值得一提的是children是一个数组,因为二级路由不止一个,二级路由的path值不用添加 / ,vue在将一级路由和二级路由拼接时会自动的添加 / ,其他的二级路由配置和一级路由一样的。
2.1.2.3 商品的子组件水果组件
2.1.2.4 商品的子组件服装组件