Day05-尚品汇-共用carousel

1.我们要改变一下之前在floor的组件里面的写法，当时是把新建swiper写在了mounted（）里面了。现在也要和TypeNav里面的新建Swiper写法贴近。为了能共用carsouel组件

1》第一步（watch）

1》----效果图：

2》加上----immediate：true

 

 3》还是需要$nextTick 

4》这时候--floor轮播图写法和TypeList轮播图写法一样的 

1）把ListContainer里面的watch+$nextTick也加上

2）新建一个Carousel文件夹专门放共用的组件轮播图

 3）在Carousel组件里面

4）在Floor组件里面 

 

5）在main.js入口文件里面

4》--1）---2）----3）---4）--5）--的效果图

 

5》把TypeNav里面的轮播图也搞成全局组件的写法哈：

1）在TypeNav组件里面

5》--1）的效果图：