<template>
<div>
<home-header :city="city"></home-header>
<home-swiper :list="swiperList"></home-swiper>
<home-icons :list="iconList"></home-icons>
<home-recommend :list="recommendList"></home-recommend>
<home-weekend :list="weekendList"></home-weekend>
</div>
</template>
<script>
import HomeHeader from './components/Header'
import HomeSwiper from './components/Swiper'
import HomeIcons from './components/icons'
import HomeRecommend from './components/Recommend'
import HomeWeekend from './components/weekend'
import axios from 'axios'
export default {
name:'Home',
components:{
HomeHeader,
HomeSwiper,
HomeIcons,
HomeRecommend,
HomeWeekend,
},
data () {
return {
city: '',
swiperList: [],
iconList:[],
recommendList:[],
weekendList:[]
}
},
methods: {
getHomeInfo () {
axios.get('/api/index.json')
.then(this.getHomeInfoSucc)
},
getHomeInfoSucc(res){
res=res.data
if(res.ret && res.data){
const data = res.data
this.city= data.city
this.swiperList=data.swiperList
this.iconList=data.iconList
this.recommendList=data.recommendList
this.weekendList=data.weekendList
}
}
},
mounted(){
this.getHomeInfo()
}
}
</script>


找了半天也没发现啥问题…
课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握
了解课程