chevron_left

Vue 2 实践教程

免费
第 6.1 回

教程文档

Vue 2 实践教程 - axios 的使用

2023年11月23日更新
Vue 2 实践教程

axios 的使用

安装axios

yarn add axios

读取接口

<template>
  <ul>
    <li v-for="course in courses" :key="course.id">{{ course.name }}</li>
  </ul>
</template>

<script>
import axios from "axios";

export default {
  data() {
    return {
      courses: []
    };
  },
  created() {
    this.init();
  },
  methods: {
    init() {
      axios.get("https://clwy.cn/api/v2/search.json").then(res => {
        this.courses = res.data.courses;
      });
    }
  }
};
</scr...

课程介绍

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

目录

适合这样的人

新手