VueUse useBrowserLocation 响应式location

VueUse useBrowserLocation 响应式 location，如果你用的Vue Router，那么请改用Vue Router提供的useRoute。

代码示例

import { useBrowserLocation } from '@vueuse/core'

const location = useBrowserLocation()

在线例子

例子

组件用例

也可以通过UseElementSize组件获取元素大小

<template>
<UseBrowserLocation v-slot="{ location }">
   Browser Location: {{ location }}
</UseBrowserLocation>
</template>
<script setup lang="ts">  
 //导入组件
 import {UseBrowserLocation} from '@vueuse/components'
</script>