Route

Route値の取得ができます。

URI route://{key}
Path

URLクエリキー

Example route://meta

ViewState

Routeプロトコルは取得専用です。変更はできません。

Meta

レコードに添付されたカスタムデータ

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": "Route値の取得ができます。",
 "paths": [
  "Integration",
  "State Sources"
 ]
}

Path

URL のエンコードされたパス名セクション

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

"/lang-ja/integration/sources/route"

FullPath

パス、クエリ、ハッシュを含む現在のルートに関連付けられたエンコードされた URL

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

"/lang-ja/integration/sources/route"

Name

ルートレコードの一意の名前

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

"lang-lang-integration-sources-route"

Redirected From

現在のルートに到達する前にアクセスしようとしたルート

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

Route Parameters

現在のルートで利用されているダイナミックルートのパラメータ値。

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

{
 "lang": "ja"
}