vue项目搭建打脸记录3(上),这次没打成脸哟

这次搞这个轮播图的公共组件,倒是没有被打脸呢

脑子:绝对可以

手:我擦,居然真可以

脑子:啥意思啊??? 手:牛B

因为轮播图也是公共组件,所以将轮播图的组件之间copy到components中的common中去

至于使用就更简单了,

home组件中,我们打算展示轮播图!。那么首先我们要有数据啊,好的呢,我们去请求数据,

将数据请求下来后,我们开始准备搞这个轮播图。

为了让home组件便于维护什么的,我们新建一个文件,homeswiper,用这个homeswiper导入公共组件轮播图;

然后我们在home组件中导入homeswiper,并且通过父子组件之间的通信props将数据传给homeswiper

然后就可以在homeswiper中使用swiper公共组件了,然后轮播图就出来了!

posted @ 2020-05-18 11:37  大云之下  阅读(108)  评论(0编辑  收藏  举报
大云之下