Day14-尚品汇-个人中心二级路由搭建

提纲挈领：

1.引入静态组件Center：

 

2.把其路由配置一下哈：

 

3.我想把center拆分为二级路由：

思路如下：

 

4.在Center文件夹下新建两个小的文件夹分别是myOrder【我的订单】，groupOrder【团购订单】 

1》在Center组件中：

2》在myOrder组件中：

 

3》在groupOrder组件中：

 

4》在Center组件里面编写代码：

1）Center组件里面编写代码：

 2）果不其然有问题，图片地址不对：

3）需要在myOrder组件里面改一下图片路径即可：

4）现在把两个组件都放在上面测试一下：

 

5）成功了但是没有样式。

 

6）把<style>里面的scoped删除掉，样式就出来了： 

7）现在需要把myOrder和groupOrder变为二级路由的！！！！

8）需要完成需求：

 

9）在Center组件里面编写代码：

 

 

9）-----的效果图：

 

10）在routers.js里面 写重定向：