Skip to content

Commit bc5cb24

Browse files
committed
docs: [ja] add named routes translation
1 parent 3252609 commit bc5cb24

File tree

2 files changed

+27
-0
lines changed

2 files changed

+27
-0
lines changed

docs/ja/SUMMARY.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
- [基本的な使い方](basic.md)
55
- [Nested Routes](nested.md)
66
- [Route オブジェクト & Route マッチング](route.md)
7+
- [Named Routes](named.md)
78
- [Router オプション](options.md)
89
- [router-view](view.md)
910
- [v-link](link.md)

docs/ja/named.md

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
# Named Routes
2+
3+
時々、特にナビゲーションを実行する時、名前で route を指定するのがより便利です。このような route の設定で、route に名前を与えることができます:
4+
5+
``` js
6+
router.map({
7+
'/user/:userId': {
8+
name: 'user', // route に名前を与える
9+
component: { ... }
10+
}
11+
})
12+
```
13+
14+
named route にリンクするには、このような `v-link` を使用できます:
15+
16+
``` html
17+
<a v-link="{ name: 'user', params: { userId: 123 }}">User</a>
18+
```
19+
20+
また、プログラム的に `router.go()` を使用して named route にナビゲートできます:
21+
22+
``` js
23+
router.go({ name: 'user', params: { userId: 123 }})
24+
```
25+
26+
どちらの場合も、ルーターは パス `/user/123` にナビゲートします。

0 commit comments

Comments
 (0)