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 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 )
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