Route

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.

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値の取得ができます。"
}

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"

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"

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"

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>

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"
}