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)
(ノ°ο°)ノ
未验证,请点击此处跳转到 Github 进行游客身份验证。