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

尚寂新
尚寂新
2022/01/26 16:30

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

已有 0 条评论 (旧评论在前)
  1. 暂无评论 / 0 Comment
添加新评论 (Markdown Supported)
😉
@[吃瓜] @[大哭] @[斗鸡眼滑稽] @[尴尬] @[滑稽] @[惊哭] @[惊叹] @[镜像滑稽] @[开心] @[狂汗滑稽] @[卖萌] @[胖次滑稽] @[喷] @[受虐滑稽] @[痛饮] @[微笑滑稽] @[笑喷] @[笑眼] @[阴险] @[装酷滑稽]