useRouteQuery

リアクティブな route.query のための省略形。

使用法

import { useRouteQuery } from '@vueuse/router'

const search = useRouteQuery('search')

const search = useRouteQuery('search', 'foo') // またはデフォルト値を指定

const page = useRouteQuery('page', '1', { transform: Number }) // または値を変換

console.log(search.value) // route.query.search
search.value = 'foobar' // router.replace({ query: { search: 'foobar' } })