Route

You can retrieve the Route value.

URI route://{key}
Path

meta

path

full-path

name

redirected

param

Example route://meta

ViewState

The Route protocol is read-only. It cannot be changed.

Meta

custom data attached to the record

vue
<template>
 <ViewState
  v-slot="example"
  src="route://meta"
 >
  <JsonView :data="example.data" />
 </ViewState>
</template>

{
 "navigation": "integration",
 "title": "Route",
 "description:en": "You can retrieve the Route value.",
 "description:ja": "Route値の取得ができます。",
 "description": "You can retrieve the Route value.",
 "paths": [
  "Integration",
  "State Sources"
 ]
}

Path

encoded pathname section of the URL

vue
<template>
 <ViewState
  v-slot="example"
  src="route://path"
 >
  <JsonView :data="example.data" />
 </ViewState>
</template>

"/lang-en/integration/sources/route"

FullPath

encoded URL associated with the current route that contains path, query and hash

vue
<template>
 <ViewState
  v-slot="example"
  src="route://full-path"
 >
  <JsonView :data="example.data" />
 </ViewState>
</template>

"/lang-en/integration/sources/route"

Name

unique name for the route record

vue
<template>
 <ViewState
  v-slot="example"
  src="route://name"
 >
  <JsonView :data="example.data" />
 </ViewState>
</template>

"lang-lang-integration-sources-route"

Redirected From

route location that was attempted to access before ending up on the current route location

vue
<template>
 <ViewState
  v-slot="example"
  src="route://redirected"
 >
  <JsonView :data="example.data" />
 </ViewState>
</template>

Route Parameters

Parameter values for the dynamic routes used in the current route.

vue
<template>
 <ViewState
  v-slot="example"
  src="route://params"
 >
  <JsonView :data="example.data" />
 </ViewState>
</template>

{
 "lang": "en"
}