## Home.vue 呈现的主页面，使用各模板，传递轮播循环所需要的图片 ``` <template> <div class="home"> <home-head></home-head> <home-swiper :swiperList="swiperList"></home-swiper> </div> </template> <script> import HomeHead from "./components/Head"; import HomeSwiper from "./components/Swiper"; import {HTTP} from "../../models/HTTP"; const http = new HTTP(); export default { name: "home", components: { HomeHead, HomeSwiper }, data() { return { swiperList:[] }; }, mounted() { http .request({ url: "Swiper" }) .then(res => { console.log(res); var swiperList = res.data.swiperList; this.swiperList = swiperList; }); } }; </script> ```