Adresse du site officiel : Alova.JS - Bibliothèque de stratégie de requête légère | Alova.JS
Table des matières
(1) Installer en utilisant npm
(2) Installer en utilisant la méthode du fil
1. Qu'est-ce qu'alova ?
alova est une bibliothèque de stratégie de requête légère qui utilise les modules de requête correspondants pour différents scénarios de requête, permettant aux développeurs d'obtenir des fonctions de requête à haute disponibilité et haute fluidité avec une très petite quantité de code. Cela signifie que vous n'avez plus besoin de vous creuser la tête pour écrire vous-même le code d'optimisation des requêtes. Vous n'avez plus besoin de gérer vous-même les données de la requête et le statut associé. Il vous suffit de sélectionner et d'utiliser le module de requête. Après avoir défini les paramètres, alova vous aidera. Cela améliore l'efficacité du développement, l'efficacité du fonctionnement des applications et réduit la pression sur le serveur.
2. Démarrage rapide
1. Installer les dépendances
(1) Installer en utilisant npm
npm install alova --save(2) Installer en utilisant la méthode du fil
yarn add alovaAstuces : alova combine le framework UI pour simplifier les requêtes. Vous pouvez utiliser le hook d'utilisation fourni par alova pour lancer une requête. Il renverra, par exemple loading, les données avec état liées à plusieurs requêtes et les gérera automatiquement dans alova sans avoir à le faire. le maintenir vous-même.
Lorsque vous utilisez alova, veuillez vous assurer que le framework d'interface utilisateur répond aux exigences de version suivantes :
- Réagir : >= v16.8
- Vue : 2.7, 3.x
- Svelte : n'importe lequel
2. Utilisé en HTML statique
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://unpkg.com/alova/dist/alova.umd.min.js"></script>
<script src="https://unpkg.com/alova/dist/adapter/globalfetch.umd.min.js"></script>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<!-- vuehook依赖 vue，因此需先引入 vue -->
<script src="https://unpkg.com/alova/dist/hooks/vuehook.umd.min.js"></script>
<script>
const alovaInstance = window.alova.createAlova({
baseURL: 'https://api.alovajs.org',
statesHook: window.VueHook,
requestAdapter: window.GlobalFetch()
});
// ...
</script>
</head>
<body>
<!-- ... -->
</body>
</html>Pour plus d'informations sur l'utilisation d'alova.js, veuillez vous référer à la documentation officielle : Alova.JS - bibliothèque de stratégie de requête légère | Alova.JS