Get URL Query Parameters in Vue 3 Component

In the Composition API, we use useRoute from vue-router to access query parameters, allowing us to retrieve and react to changes in URL query strings within Vue 3 components.

To retrieve URL query parameters in a Vue 3 component using the Composition API:-

Example Implementation:

Assuming you have a URL like http://localhost:8001/login?id=1, here’s how you can access the id parameter in your Vue 3 component:

Note: If you’re using the script setup syntax, the implementation would look like this:

Also Read:

Unit Testing Vue Components