1---
2category: Browser
3---
4 
5# useBrowserLocation
6 
7Reactive browser location
8 
9> NOTE: If you're using Vue Router, use [`useRoute`](https://router.vuejs.org/guide/advanced/composition-api.html) provided by Vue Router instead.
10 
11## Usage
12 
13```ts
14import { useBrowserLocation } from '@vueuse/core'
15 
16const location = useBrowserLocation()
17```
18 
19## Component Usage
20 
21```vue
22<UseBrowserLocation v-slot="location">
23  Browser Location: {{ location }}
24</UseBrowserLocation>
25```
26 
27## Type Declarations
28 
29```ts
30export interface UseBrowserLocationOptions extends ConfigurableWindow {}
31export interface BrowserLocationState {
32  readonly trigger: string
33  readonly state?: any
34  readonly length?: number
35  readonly origin?: string
36  hash?: string
37  host?: string
38  hostname?: string
39  href?: string
40  pathname?: string
41  port?: string
42  protocol?: string
43  search?: string
44}
45export type UseBrowserLocationReturn = Ref<BrowserLocationState>
46/**
47 * Reactive browser location.
48 *
49 * @see https://vueuse.org/useBrowserLocation
50 *
51 * @__NO_SIDE_EFFECTS__
52 */
53export declare function useBrowserLocation(
54  options?: UseBrowserLocationOptions,
55): UseBrowserLocationReturn
56```
57