Skip to content

Commit c0cca38

Browse files
committed
chore: word
1 parent 247253a commit c0cca38

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

Diff for: content/1.vue/4.composition-api/index.md

+8-8
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
1-
# Composables とは何か ?
1+
# コンポーザブルとは何か ?
22

3-
[Composables](https://ja.vuejs.org/guide/reusability/composables.html) とは、Vue の Composition API を活用して再利用可能な状態やロジックを定義するための機能です。Options API で主流な [mixins](https://ja.vuejs.org/api/options-composition.html#mixins) と類似したコンセプトですが、より柔軟で再利用性の高い機能を提供します。Composition API の詳しい説明は [こちら](https://ja.vuejs.org/guide/extras/composition-api-faq.html) をご参照ください。
3+
[コンポーザブル](https://ja.vuejs.org/guide/reusability/composables.html) とは、Vue の Composition API を活用して再利用可能な状態やロジックを定義するための機能です。Options API で主流な [mixins](https://ja.vuejs.org/api/options-composition.html#mixins) と類似したコンセプトですが、より柔軟で再利用性の高い機能を提供します。Composition API の詳しい説明は [こちら](https://ja.vuejs.org/guide/extras/composition-api-faq.html) をご参照ください。
44

5-
Composables の主な特徴は以下の通りです
5+
コンポーザブルの主な特徴は以下の通りです
66

7-
- **再利用可能なロジック**: Composables を使用すると、コンポーネント間で共有したいロジックや状態をモジュールとして定義し、それを簡単にインポートして使用できます。
8-
- **関数として定義**: Composables は通常、関数として定義され、必要な状態やメソッドを返します。この関数は Vue の Composition API を使用して内部で状態管理や副作用を処理します。
9-
- **明示的な依存関係**: Composables を使うことで、依存関係が明示的になり、どのロジックや状態がどのコンポーネントで使用されているかが明確になります。
7+
- **再利用可能なロジック**: コンポーザブルを使用すると、コンポーネント間で共有したいロジックや状態をモジュールとして定義し、それを簡単にインポートして使用できます。
8+
- **関数として定義**: コンポーザブルは通常、関数として定義され、必要な状態やメソッドを返します。この関数は Vue の Composition API を使用して内部で状態管理や副作用を処理します。
9+
- **明示的な依存関係**: コンポーザブルを使うことで、依存関係が明示的になり、どのロジックや状態がどのコンポーネントで使用されているかが明確になります。
1010

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

1313
## チャレンジ
1414

15-
それでは、これらの特徴を踏まえて以下のステップでロジックを Composables として切り出し、再利用してみましょう。
15+
それでは、これらの特徴を踏まえて以下のステップでロジックを コンポーザブルとして切り出し、再利用してみましょう。
1616

1717
1. 既存の vue ファイル(`app.vue`)の確認してください。
1818
2. カウンターロジックを `composables/useCounter.ts` に切り出してください。

0 commit comments

Comments
 (0)