寶安網(wǎng)站開(kāi)發(fā)百度平臺(tái)我的訂單查詢(xún)?cè)谀睦?/h1>
官網(wǎng)地址:Alova.JS - Lightweight request strategy library | Alova.JS
目錄
一、alova 是什么?
二、 快速入門(mén)
1、安裝依賴(lài)
(1)使用npm方式安裝
(2)使用yarn方式安裝
2、在靜態(tài) html 中使用
一、alova 是什么?
????????alova 是一個(gè)輕量級(jí)的請(qǐng)求策略庫(kù),針對(duì)不同請(qǐng)求場(chǎng)景使用對(duì)應(yīng)的請(qǐng)求模塊,讓開(kāi)發(fā)者使用非常少量的代碼就可以實(shí)現(xiàn)高可用性和高流暢性的請(qǐng)求功能,這意味著,你再也不需要自己絞盡腦汁編寫(xiě)請(qǐng)求優(yōu)化代碼,再也不需要自己維護(hù)請(qǐng)求數(shù)據(jù)和相關(guān)狀態(tài),你只需要選擇并使用請(qǐng)求模塊,設(shè)置參數(shù)后,alova 幫你搞定。從而提升開(kāi)發(fā)效率、應(yīng)用運(yùn)行效率,還能降低服務(wù)端壓力。
二、 快速入門(mén)
1、安裝依賴(lài)
(1)使用npm方式安裝
npm install alova --save
(2)使用yarn方式安裝
yarn add alova
tips:alova 結(jié)合 UI 框架,讓請(qǐng)求變得更簡(jiǎn)單,你可以使用 alova 提供的use hook發(fā)起請(qǐng)求,它將返回例如loading
等多個(gè)請(qǐng)求相關(guān)的狀態(tài)化數(shù)據(jù),并在 alova 中自動(dòng)管理它們,而無(wú)需自己維護(hù)。
使用 alova 時(shí),請(qǐng)確保 UI 框架符合以下版本要求:
- React: >= v16.8
- Vue: 2.7、3.x
- Svelte: 任意
2、在靜態(tài) 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依賴(lài) 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>
更多alova.js相關(guān)使用方法,請(qǐng)參考官方文檔:Alova.JS - 輕量級(jí)請(qǐng)求策略庫(kù) | Alova.JS