跳到主要内容
版本:v2

结合框架

接下来,我们将学习如何与 UI 框架结合使用,这可以让 alova 发挥出真正的力量。

RSM中,请求时机描述了请求应该在什么时候发送,在 UI 框架中使用时,不仅可以让 alova 自动管理响应式的请求状态,还能通过一定规则自动控制什么时候应该发送请求。

alova中提供了useRequestuseWatcheruseFetcher三个核心 useHook 实现请求时机,由它们控制何时应该发出请求,同时将会为我们创建和维护请求的响应式状态,如loading/data/error等,你可以直接在视图中使用这些响应式状态,当它们更改时,视图也将随之变化。

设置 statesHook

在使用它们前,我们需要在 alova 实例上设置对应的 statesHook,它必须和项目使用的 UI 框架对应,这非常重要,它将告诉 alova 应该创建对应 UI 框架的响应式状态,目前支持以下框架:

import { createAlova } from 'alova';
import VueHook from 'alova/vue';

export const alovaInstance = createAlova({
// ...
statesHook: VueHook
});

如果你希望在这些 UI 框架外使用 alova,也可以实现一个自定义的 statesHook

等什么?赶紧继续了解下核心的 useHook 吧!