Skip to content

各ページの「チャレンジ」章のタイトルに揺らぎがあったので統一 #61

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 1 commit into from
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion content/1.vue/2.reactivity/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ Vue はデータの変更を監視して、変更された時に更新を自動
**注意**: `<template>` 内で参照された場合、refs は Vue によって自動的にアンラップされます。`.value` は、`<script>` 内や Vue コンポーネント外の JavaScript でアクセスする時にのみ必要になります。
::

## Challenge
## チャレンジ

では、実際にやってみましょう!
現在 `2` 倍にハードコードされている乗数をリアクティブに更新可能にするコードに変更してみましょう。
Expand Down
2 changes: 1 addition & 1 deletion content/1.vue/3.reactivity-2/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ console.log(counter.count) // -> 1

`watch` に関する詳しい説明は [ウォッチャーガイド](https://ja.vuejs.org/guide/essentials/watchers) を参照してください。

## チャレンジ問題
## チャレンジ

今のプレイグラウンドは、TODO アイテムに関するデータを `todoId` と `todoData` の 2 つのリアクティブ値として管理しています。これらを 1 つの `todoData` にまとめましょう。
これらのステップを実行することで、`reactive` と `watch` の理解を深めることができるのでぜひ挑戦してみてください!
Expand Down
2 changes: 1 addition & 1 deletion content/1.vue/4.composition-api/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ Composables の主な特徴は以下の通りです。

Nuxt では、`composables/` ディレクトリに Composables なロジックを格納することが多く、[自動インポート](https://nuxt.com/docs/examples/features/auto-imports) の対象になります。

## チャレンジ問題
## チャレンジ

それでは、これらの特徴を踏まえて以下のステップでロジックを Composables として切り出し、再利用してみましょう。

Expand Down
Loading