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 2
2
ogImage : true
3
3
---
4
4
5
- # Auto Imports
5
+ # 自動インポート
6
6
7
- Auto Imports も Nuxt のコアコンセプトの 1 つです。
7
+ 自動インポートも Nuxt のコアコンセプトの 1 つです。
8
8
9
9
https://nuxt.com/docs/guide/concepts/auto-imports
10
10
11
- Auto Imports は明示的にインポートすることなく 、コンポーネント、コンポーザブル、および [ Vue.js の API] ( https://vuejs.org/api/ ) をアプリケーション全体で使用できるように自動的にインポートする機能です。\
11
+ 自動インポートは明示的にインポートすることなく 、コンポーネント、コンポーザブル、および [ Vue.js の API] ( https://vuejs.org/api/ ) をアプリケーション全体で使用できるように自動的にインポートする機能です。\
12
12
従来のグローバル宣言とは異なり、Nuxt は型情報や IDE の補完、ヒントを保持し、本番コードで使用されているもののみを含めます。
13
13
14
14
Nuxt のディレクトリ構造の規約おかげで、 ` components/ ` 、` composables/ ` 、および ` utils/ ` を自動的にインポートすることができます。\
@@ -29,7 +29,7 @@ const count = ref(1)
29
29
const double = computed (() => count .value * 2 )
30
30
```
31
31
32
- Auto Imports 機能は ` nuxt.config.ts ` でオプトアウトすることも可能です。\
32
+ 自動インポート機能は ` nuxt.config.ts ` でオプトアウトすることも可能です。\
33
33
この場合は上記の明示的なインポートが必要になります。
34
34
35
35
``` ts
@@ -43,7 +43,7 @@ export default defineNuxtConfig({
43
43
44
44
## チャレンジ
45
45
46
- 実際に utils/double.ts ファイルに対して、Auto Import 可能な関数を実装してみましょう 。
46
+ 実際に utils/double.ts ファイルに対して、自動インポート可能な関数を実装してみましょう 。
47
47
48
48
関数は任意のもので構いませんが、例として「与えられた数値を二倍にして返す ` double() ` 関数」を実装してみましょう。\
49
49
関数が実装できたら、` app.vue ` 内の template で使用して、2 倍された数値を画面に表示してみましょう。
You can’t perform that action at this time.
0 commit comments