Basic Usage

Default Request

Automatically executes on component initialization. The first parameter is an async service function.

import { createRequest } from 'vue-rex'

const useApi = createRequest({ dataKey: 'data' })

const { data, loading, error } = useApi(getUserList)

Reactive State

useApi(service) returns the following reactive state:

• data: Data extracted via dataKey
• rawData: Raw service response
• error: Error from service
• loading: Whether request is in progress
• params: Current request params array
• finished: Whether request has completed

Manual Trigger

Set manual: true to prevent auto-execution. Use run to trigger manually.

const { run, loading } = useApi(service, { manual: true })

const handleClick = () => {
  run('some params')
}

Refresh

Use refresh to repeat the last request with the same params.

const { refresh } = useApi(service)

refresh()