File tree Expand file tree Collapse file tree 2 files changed +27
-0
lines changed Expand file tree Collapse file tree 2 files changed +27
-0
lines changed Original file line number Diff line number Diff line change 4
4
- [ 基本的な使い方] ( basic.md )
5
5
- [ Nested Routes] ( nested.md )
6
6
- [ Route オブジェクト & Route マッチング] ( route.md )
7
+ - [ Named Routes] ( named.md )
7
8
- [ Router オプション] ( options.md )
8
9
- [ router-view] ( view.md )
9
10
- [ v-link] ( link.md )
Original file line number Diff line number Diff line change
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 ` にナビゲートします。
You can’t perform that action at this time.
0 commit comments