This repository was archived by the owner on May 1, 2025. It is now read-only.
File tree Expand file tree Collapse file tree 1 file changed +5
-5
lines changed
content/2.concepts/4.auto-imports Expand file tree Collapse file tree 1 file changed +5
-5
lines changed Original file line number Diff line number Diff line change 22ogImage : true
33---
44
5- # Auto Imports
5+ # 自動インポート
66
7- Auto Imports も Nuxt のコアコンセプトの 1 つです。
7+ 自動インポートも Nuxt のコアコンセプトの 1 つです。
88
99https://nuxt.com/docs/guide/concepts/auto-imports
1010
11- Auto Imports は明示的にインポートすることなく 、コンポーネント、コンポーザブル、および [ Vue.js の API] ( https://vuejs.org/api/ ) をアプリケーション全体で使用できるように自動的にインポートする機能です。\
11+ 自動インポートは明示的にインポートすることなく 、コンポーネント、コンポーザブル、および [ Vue.js の API] ( https://vuejs.org/api/ ) をアプリケーション全体で使用できるように自動的にインポートする機能です。\
1212従来のグローバル宣言とは異なり、Nuxt は型情報や IDE の補完、ヒントを保持し、本番コードで使用されているもののみを含めます。
1313
1414Nuxt のディレクトリ構造の規約おかげで、 ` components/ ` 、` composables/ ` 、および ` utils/ ` を自動的にインポートすることができます。\
@@ -29,7 +29,7 @@ const count = ref(1)
2929const double = computed (() => count .value * 2 )
3030```
3131
32- Auto Imports 機能は ` nuxt.config.ts ` でオプトアウトすることも可能です。\
32+ 自動インポート機能は ` nuxt.config.ts ` でオプトアウトすることも可能です。\
3333この場合は上記の明示的なインポートが必要になります。
3434
3535``` ts
@@ -43,7 +43,7 @@ export default defineNuxtConfig({
4343
4444## チャレンジ
4545
46- 実際に utils/double.ts ファイルに対して、Auto Import 可能な関数を実装してみましょう 。
46+ 実際に utils/double.ts ファイルに対して、自動インポート可能な関数を実装してみましょう 。
4747
4848関数は任意のもので構いませんが、例として「与えられた数値を二倍にして返す ` double() ` 関数」を実装してみましょう。\
4949関数が実装できたら、` app.vue ` 内の template で使用して、2 倍された数値を画面に表示してみましょう。
You can’t perform that action at this time.
0 commit comments