vue.js 使用 axios 请求获取数据

2022-01-26 16:30:58
 尚寂新

基于 第十三届蓝桥杯(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