alova.js快速入门教程-LMLPHP

目录

一、alova 是什么?

二、 快速入门

1、安装依赖

(1)使用npm方式安装

(2)使用yarn方式安装

2、在静态 html 中使用


一、alova 是什么?

二、 快速入门

1、安装依赖

(1)使用npm方式安装

npm install alova --save

(2)使用yarn方式安装

yarn add alova

tips:alova 结合 UI 框架,让请求变得更简单,你可以使用 alova 提供的use hook发起请求,它将返回例如loading等多个请求相关的状态化数据,并在 alova 中自动管理它们,而无需自己维护。

使用 alova 时,请确保 UI 框架符合以下版本要求:

  • React: >= v16.8
  • Vue: 2.7、3.x
  • Svelte: 任意

2、在静态 html 中使用

<!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>
09-20 10:02