vue.js 使用 axios 请求获取数据
基于 第十三届蓝桥杯(Web 应用开发)线上模拟赛 第 9 题 知乎首页数据动态化 的应用方案
引用 axios
import axios from 'axios'
Vue.prototype.$axios = axios
使用方法
this.$axios.get('/static/data/list.json').then(res => {
this.dataList = res.data.data.listInfo;
})
在 vue 声明周期内的 created()
方法内使用,dataList
为获取到的数据。
在 data()
方法内如下声明即可
return {
dataList: []
};
在模板内使用 v-for
进行遍历输出即可,记得要指定 :key