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