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在将一级路由和二级路由拼接时会自动的添加 / ，其他的二级路由配置和一级路由一样的。

router路由文件

2.1.2.3  商品的子组件水果组件

水果组件

2.1.2.4  商品的子组件服装组件

服装组件

3、最终示例结果

点击左侧水果导航

点击左侧医药导航