axiosリクエスト第五色生産システムのデータ構造

最初の導入使用される成分とaxios
Q <115.28.8.00.9.9>設定第色生産システム
からインポートHomeHeader「./components/Header」
HomeSwiper「./components/Swiper」からインポート
HomeIconsからインポート./コンポーネント/アイコン
'./components/Recommend HomeRecommendからインポート'
'./components/Weekend HomeWeekendからのインポート'
Axios' Axiosからのインポート
エクスポートのデフォルト{
名： 'ホーム'、
コンポーネント：{
HomeHeader、
HomeSwiper、
HomeIcons、
HomeRecommend、
HomeWeekend
}、
ヌルの初期値にデータ内のデータを使用する2つの
データ（）{
リターン{
swiperList：[]、
iconList：[]、
recommendList：[]、
weekendList。[]
}
}、
三、在方法中写方法、发送axios获取数据
方法：{
getHomeInfo（）{
axios.get（ '/ API / index.json'）
.then（this.getHomeInfoSucc）
}、
getHomeInfoSucc（RES）{
RESの=のRES。データ
IF（res.ret && res.data）{
CONSTデータ= res.data
this.swiperList = data.swiperList
this.iconList = data.iconList
this.recommendList = data.recommendList
this.weekendList = data.weekendList
}
}
}、
（）{搭載
this.getHomeInfo（）
}
}
传递数据、四を
<DIV>
<ホームヘッダ> </ホームヘッダ>
<ホームswiper：リスト= "swiperList"> </ホームswiper>
<ホームアイコン：リスト= "iconList"> </ホームアイコン>
<ホーム-オススメ：リスト= "recommendList"> </ホーム-オススメ>
：<ホーム-週末一覧= "weekendList"> </ホーム・ウィークエンド>
</ div>の
axios V.パッケージに
簡単な構成では、ローカルデバッグすることができオンライン環境、組み合わせたサービスパッケージaxios。