Skip to content

Commit 0d52761

Browse files
committed
translate route.md
1 parent fe5210c commit 0d52761

File tree

1 file changed

+22
-22
lines changed

1 file changed

+22
-22
lines changed

docs/ja/route.md

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,28 @@
1-
# Route Object & Route Matching
1+
# Route オブジェクト & Route マッチング
22

3-
Vue-router supports matching paths that contain dynamic segments, star segments and query strings. All these information of a parsed route will be accessible on the exposed **Route Context Objects** (we will just call them "route" objects from now on). The route object will be injected into every component in a vue-router-enabled app as `this.$route`, and will be updated whenever a route transition is performed.
3+
Vue-router は動的セグメントを含んだマッチングしたパス、スターセグメント、そしてクエリ文字列をサポートします。全てのパースされた route のこれらの情報は、公開された **Route コンテキストオブジェクト** (以降でそれらを "route" オブジェクトと呼びます) で利用できます。route オブジェクトは `this.$route` として vue-router が使用可能になったアプリケーションにおいて全てのコンポーネントに導入され、そして route トランジションが実行されるたびに更新されます。
44

5-
A route object exposes the following properties:
5+
route オブジェクトは以下のプロパティを公開します:
66

77
- **$route.path**
88

9-
A string that equals the path of the current route, always resolved as an absolute path. e.g. `"/foo/bar"`.
9+
現在の route のパスと等しい文字列、常に絶対パスで解決されます。例: `"/foo/bar"`
1010

1111
- **$route.params**
1212

13-
An object that contains key/value pairs of dynamic segments and star segments. More details below.
13+
動的セグメントの key/value のペアまたはスターセグメントを含んだオブジェクト。より詳細は以下で説明します。
1414

1515
- **$route.query**
1616

17-
An object that contains key/value pairs of the query string. For example, for a path `/foo?user=1`, we get `$route.query.user == 1`.
17+
query 文字列の key/value のペアを含んだオブジェクト。例えば、`/foo?user=1` のようなパスに対しては、`$route.query.user == 1` を取得します。
1818

1919
- **$route.router**
2020

21-
The router instance that is managing this route (and its owner component).
21+
この route (そしてそのオーナー自身のコンポーネント) を管理しているルーターインスタンス。
2222

23-
### Using in Templates
23+
### テンプレートでの使用
2424

25-
You can directly bind to the `$route` object inside your component templates. For example:
25+
あなたのコンポーネントのテンプレート内部で、直接 `$route` オブジェクトにバインドできます。例えば:
2626

2727
``` html
2828
<div>
@@ -31,13 +31,13 @@ You can directly bind to the `$route` object inside your component templates. Fo
3131
</div>
3232
```
3333

34-
### Route Matching
34+
### Route マッチング
3535

36-
#### Dynamic Segments
36+
#### 動的セグメント
3737

38-
Dynamic segments can be defined in the form of path segments with a leading colon, e.g. in `user/:username`, `:username` is the dynamic segment. It will match paths like `/user/foo` or `/user/bar`. When a path containing a dynamic segment is matched, the dynamic segments will be available inside `$route.params`.
38+
動的セグメントは先頭のコロン(:) とパスセグメントの形で定義することができます。`user/:username` での例では、`:username` は動的セグメントです。`/user/foo` または `/user/bar` のようなパスにマッチします。動的セグメントを含んでいるパスとマッチされたとき、動的セグメントは `$route.params` 内部で利用できるようになります。
3939

40-
Example Usage:
40+
使用例:
4141

4242
``` js
4343
router.map({
@@ -49,22 +49,22 @@ router.map({
4949
})
5050
```
5151

52-
A path can contain multiple dynamic segments, and each of them will be stored as a key/value pair in `$route.params`.
52+
パスは複数の動的セグメントを含むことができ、そしてそれらごとに `$route.params` に key/value のペアとして保存されます。
5353

54-
Examples:
54+
:
5555

56-
| pattern | matched path | $route.params |
57-
|---------|------|--------|
56+
| パターン | マッチしたパス | $route.params |
57+
| -------- | -------------- | ------------- |
5858
| /user/:username | /user/evan | `{ username: 'evan' }` |
5959
| /user/:username/post/:post_id | /user/evan/post/123 | `{ username: 'evan', post_id: 123 }` |
6060

61-
#### Star Segments
61+
#### スターセグメント
6262

63-
While dynamic segments can correspond to only a single segment in a path, star segments is basically the "greedy" version of it. For example `/foo/*bar` will match anything that starts with `/foo/`. The part matched by the star segment will also be available in `$route.params`.
63+
動的セグメントはパスで単一のセグメントのみ対応することができるものの、スターセグメントは基本的にそれの"貪欲(greedy)"バージョンです。例えば、`/foo/*bar` `/foo` で開始される全てのものマッチします。スターセグメントによって一致した部分は、`$route.params` で利用できるようになります。
6464

65-
Examples:
65+
:
6666

67-
| pattern | matched path | $route.params |
68-
|---------|------|--------|
67+
| パターン | マッチしたパス | $route.params |
68+
| -------- | -------------- | ------------- |
6969
| /user/*any | /user/a/b/c | `{ any: 'a/b/c' }` |
7070
| /foo/*any/bar | /foo/a/b/bar | `{ any: 'a/b' }` |

0 commit comments

Comments
 (0)