一、提前将fast mock的内容写好
二、复制网址
三、参考固定格式,编写代码
源码
<template>
<div id="Homepage">
<ul>
<li v-for="item in lists" :key="item.uid">
<img :src="item.imgurl" alt="" />
<!-- <div v-for="item in lists" :key="item.uid"><p>{{ item.title }}</p></div> -->
</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
lists: [],
}
},
mounted() {
this.huoqu()
},
methods: {
huoqu() {
let url = "https://www.fastmock.site/mock/775d524a96d23ca9e8e837908a128d9b/_meituan/api"
this.axios.get(url).then(res => {
// console.log(res.data.datas);
this.lists = res.data.datas;
// console.log(this.lists);
}).catch((err) => {
// console.log(err);
})
},
}
}
</script>
运行结果