父子组件之间的传值

解决了axios第一座大山，就来到了第二座，可预见的是第三座应该是vuex。废话不多说，直奔主题。

首先，假设一个场景。有一个mooc数据文件，然后有一个父组件，父组件有若干个子组件，每一个子组件都需要到mooc提取数据。问题来了，如果让每一个子组件去获取，假设有10个子组件，那么就需要发送10个axios请求，这对性能是不好的。所以现在只让父组件去获取，这样就可以只发一个请求。问题又来了，父组件如何传值给子组件呢？

现在有五个子组件，那么父组件就需要在data()里面写五个，分别传值给他们。先不管父组件如何去拿到这些值并且分配给他们。现在只需要关心传值的通道。代码如下，格式为： :variate="variate"

        <home-header :city="city"></home-header>
        <home-swiper :swiperList="swiperList"></home-swiper>
        <home-icons :iconsList="iconsList"></home-icons>
        <home-recommend :recommendList="recommendList"></home-recommend>
        <home-weekend :weekendList="weekendList"></home-weekend>