vue项目搭建打脸记录3(上),这次没打成脸哟
这次搞这个轮播图的公共组件,倒是没有被打脸呢
脑子:绝对可以
手:我擦,居然真可以
脑子:啥意思啊??? 手:牛B
因为轮播图也是公共组件,所以将轮播图的组件之间copy到components中的common中去
至于使用就更简单了,
home组件中,我们打算展示轮播图!。那么首先我们要有数据啊,好的呢,我们去请求数据,
将数据请求下来后,我们开始准备搞这个轮播图。
为了让home组件便于维护什么的,我们新建一个文件,homeswiper,用这个homeswiper导入公共组件轮播图;
然后我们在home组件中导入homeswiper,并且通过父子组件之间的通信props将数据传给homeswiper
然后就可以在homeswiper中使用swiper公共组件了,然后轮播图就出来了!