37 lines
607 B
Vue
37 lines
607 B
Vue
<template>
|
|
<div class="home">
|
|
{{ title }}
|
|
<ul>
|
|
<li v-for="(item,index) in list" :key="index">
|
|
<img :src="item.img_src" alt="">
|
|
<p>{{ item.title }}</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
|
data () {
|
|
return {
|
|
title: '首页',
|
|
list: []
|
|
}
|
|
},
|
|
created () {
|
|
this.getHomeData()
|
|
},
|
|
methods: {
|
|
async getHomeData () {
|
|
var res = await this.$http.get('http://192.168.31.100:3000/api/json/index')
|
|
console.log(res.data)
|
|
this.list = res.data.result.list
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
</style>
|