Skip to content
This repository was archived by the owner on May 1, 2025. It is now read-only.

Commit a709256

Browse files
committed
fix(routing): Remove instructions for file operations from tutorial
1 parent 1cfb903 commit a709256

File tree

2 files changed

+4
-5
lines changed

2 files changed

+4
-5
lines changed
Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<!-- Challenge -->

content/2.concepts/3.routing/index.md

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -38,15 +38,13 @@ console.log(route.params.id)
3838

3939
## チャレンジ
4040

41-
`/posts/[id]` というルートを作成し`/`, `/foo` からナビゲーション出来るように実装してみましょう。
41+
`/posts/[id]` というルートに対して`/`, `/foo` からナビゲーション出来るように実装してみましょう。
4242
`/posts/[id]` では、ルートパラメータから `id` を読み取り、その値を画面に表示してみましょう。
4343

4444
そのためには:
4545

46-
1. `pages` ディレクトリに `posts` ディレクトリを作成します。
47-
2. `pages/posts` ディレクトリ内に `[id].vue` ファイルを作成します。
48-
3. `[id].vue` ファイル内で `useRoute()` を使って params から `id` を取得し、画面に表示します。
49-
4. `pages/index.vue``pages/foo.vue``<NuxtLink>` コンポーネントを使って `/posts/[id]` にナビゲーションするリンクを作成します。\
46+
1. `pages/posts/[id].vue` ファイル内で `useRoute()` を使って params から `id` を取得し、画面に表示します。
47+
2. `pages/index.vue``pages/foo.vue``<NuxtLink>` コンポーネントを使って `/posts/[id]` にナビゲーションするリンクを作成します。\
5048
ここでは例として、`/posts/1` にナビゲーションするリンクを作成してみましょう。\
5149
(実際には値は任意のもので構いません)
5250

0 commit comments

Comments
 (0)