Axios 是一个基于 promise 的网络请求库,可以用于浏览器和 node.js,主要是用于向后台发起请求的,还有在请求中做更多是可控功能。
使用方法:
<template> <div> <div v-if="loading">Loading...</div> <ul> <li v-for="post in posts" :key="post.id">{{ post.title }}</li> </ul> </div> </template> <script> import axios from 'axios'; export default { data() { return { loading: false, posts: [], }; }, mounted() { this.loading = true; axios.get('https://jsonplaceholder.typicode.com/posts') .then(response => { this.posts = response.data; this.loading = false; }) .catch(error => { console.log(error); this.loading = false; }); }, }; </script>