1
1
# アプリケーション構成
2
2
3
- ` config ` は、 Vue アプリケーションのグローバル設定を含むオブジェクトです。アプリケーションをマウントする前に、以下のプロパティを変更できます :
3
+ すべての Vue アプリケーションは、そのアプリケーションの構成設定を含む ` config ` オブジェクトを公開します :
4
4
5
5
``` js
6
- const app = Vue . createApp ({})
6
+ const app = createApp ({})
7
7
8
- app .config = { ... }
8
+ console . log ( app .config )
9
9
```
10
10
11
- ## devtools
12
-
13
- - ** 型:** ` boolean `
14
-
15
- - ** デフォルト:** ` true ` (プロダクションビルドでは ` false ` )
16
-
17
- - ** 使用方法:**
18
-
19
- ``` js
20
- app .config .devtools = true
21
- ```
22
-
23
- [ vue-devtools] ( https://github.com/vuejs/vue-devtools ) による検査を許可するかどうかを設定します。このオプションのデフォルト値は、development ビルドでは ` true ` に、プロダクションビルドでは ` false ` となります。true にすることで、プロダクションビルドで検査を有効にできます。
11
+ アプリケーションをマウントする前に、以下に列挙したプロパティを変更することができます。
24
12
25
13
## errorHandler
26
14
@@ -78,14 +66,14 @@ app.component('child-component', {
78
66
79
67
アプリケーション内のあらゆるコンポーネントのインスタンスからアクセスできるグローバルなプロパティを追加します。名称が競合した場合、コンポーネントのプロパティが優先されます。
80
68
81
- これは、 Vue 2.x における Vue.prototype` 拡張を置き換えることができます:
69
+ これは、 Vue 2.x における ` Vue.prototype ` 拡張を置き換えることができます:
82
70
83
71
``` js
84
72
// Before
85
73
Vue .prototype .$http = () => {}
86
74
87
75
// After
88
- const app = Vue . createApp ({})
76
+ const app = createApp ({})
89
77
app .config .globalProperties .$http = () => {}
90
78
```
91
79
@@ -106,6 +94,10 @@ Vue の外部にて定義された(Web Components API を利用した場合な
106
94
107
95
> この関数では、全てのネイティブの HTML ならびに SVG のタグをマッチさせる必要はありません。Vue のパーサが自動的にこのチェックを行います。
108
96
97
+ ::: tip Important
98
+ この設定オプションは、ランタイムコンパイラを使うときにのみ尊重されます。ランタイム限定ビルドを使う場合、 ` isCustomElement ` は代わりにビルドの設定で ` @vue/compiler-dom ` に渡す必要があります。例えば、 [ vue-loader の ` compilerOptions ` オプション] ( https://vue-loader.vuejs.org/options.html#compileroptions ) を経由して渡します。
99
+ :::
100
+
109
101
## optionMergeStrategies
110
102
111
103
- ** 型:** ` { [key: string]: Function } `
@@ -115,7 +107,7 @@ Vue の外部にて定義された(Web Components API を利用した場合な
115
107
- ** 使用方法:**
116
108
117
109
``` js
118
- const app = Vue . createApp ({
110
+ const app = createApp ({
119
111
mounted () {
120
112
console .log (this .$options .hello )
121
113
}
@@ -134,9 +126,9 @@ app.mixin({
134
126
135
127
カスタムオプションのマージ戦略を定義します。
136
128
137
- マージ戦略は、親インスタンスと子インスタンスで定義されたオプションの値をそれぞれ第一引数と第二引数として受け取ります 。アプリケーションコンテキストのインスタンスは、第三引数として渡されます 。
129
+ マージ戦略は、親インスタンスと子インスタンスで定義されたオプションの値をそれぞれ第 1 引数と第 2 引数として受け取ります 。アプリケーションコンテキストのインスタンスは、第 3 引数として渡されます 。
138
130
139
- - ** こちらも :** [ Custom Option Merging Strategies] ( ../guide/mixins.html#custom-option-merge-strategies )
131
+ - ** 参照 :** [ Custom Option Merging Strategies] ( ../guide/mixins.html#custom-option-merge-strategies )
140
132
141
133
## performance
142
134
0 commit comments