Vue项目--FLoor组件的实现

本文介绍如何在Vue项目中实现Floor组件。通过在home.vue读取floor.json数据,利用v-for循环创建并传递数据到floor组件。在floor.vue内部,接收到父组件的数据后,可以在mounted阶段直接初始化小轮播图Siper,避免了因异步请求导致的延迟问题。
摘要由CSDN通过智能技术生成

在home.vue里相应读取floor.json数据(不是在floor里读),因为有两个Floor组件,需要在home里通过v-for循环建立Floor,并在建立的时候,通过props方式将对应这个组件的数据传给floor,在floor内部就可以根据home传过来的组件进行结构创建了。

home.vue :

 floor.vue:

 

这里的小轮播图new Siper的写法跟大轮播图几乎一样,只是可以写在mounted()函数里面了。因为数据是父组件传过来的,没有像之前那样有资源请求的异步操作,mounted完即结构树建立完成,就可以new Siper了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值