vue父组件异步获取数据传给子组件

最近一直在做一个vue移动端商城的实战，期间遇到一个小小的问题，值得一说，可能别人已经遇到过了，只是我第一次遇到而已。

首页有个楼层区域，用于展示不同类别的商品，比如：水果，衣服，酒水等，布局都是一样的，所以将单个楼层独立出来成一个组件，只需要给响应的楼层传入对应的数据就可以按需渲染了：

先在父组件引入，并注册楼层组件

 import Floor from '@/components/pages/common/Floor'

 components: {
      swiper,
      swiperSlide,
      Floor
    }

数据初始化：

data() {
      return {
        locationIcon: require('../../assets/images/location.png'),
        bannerSwipePics: [],
        category: [],
        adBar: '',
        recommendGoods: [],
        swiperOptions: {
          slidesPerView: 3
        },
        floorSeafood: {},
        floorB