DevTools #

Wave your hands in the air and shout hooray because useRequest comes with dedicated DevTools! 😍

When you begin your useRequest journey, you'll want these DevTools by your side. They help visualize all of the inner workings of useRequest and will likely save you hours of debugging if you find yourself in a pinch!

The only thing you need to do is to install official Vue Devtools

useRequest will seemingly integrate with official devtools, adding custom inspector and timeline events. Devtools would be treeshaken from production bundles by default.

Currently in the testing phase, you can download 1.7.7 and later versions to use.

Import the Devtools #

main.ts

import { useRequestDevToolsPlugin } from 'vue-hooks-plus'

app.use(useRequestDevToolsPlugin)

import { useRequestDevToolsPlugin } from 'vue-hooks-plus'

app.use(useRequestDevToolsPlugin)

Using in .vue #

const { data, loading } = useRequest(() => getUsername({ desc: 'good' }), { debugKey: 'demo' })

const { data, loading } = useRequest(() => getUsername({ desc: 'good' }), { debugKey: 'demo' })

Use debugKey to create a unique identifier and enable it.

You're done! Open the browser Vue plugin to use it 🍺