在home.vue里相应读取floor.json数据(不是在floor里读),因为有两个Floor组件,需要在home里通过v-for循环建立Floor,并在建立的时候,通过props方式将对应这个组件的数据传给floor,在floor内部就可以根据home传过来的组件进行结构创建了。
home.vue :
floor.vue:
这里的小轮播图new Siper的写法跟大轮播图几乎一样,只是可以写在mounted()函数里面了。因为数据是父组件传过来的,没有像之前那样有资源请求的异步操作,mounted完即结构树建立完成,就可以new Siper了。