@@ -23,7 +23,7 @@ app.component('my-component-name', {
23
23
24
24
こうする事で、既に存在するそして将来的に定義される HTML 要素とのコンフリクトを回避する助けになります。
25
25
26
- その他のコンポーンメント名の推奨項目は [ スタイルガイド] ( ../style-guide/#base-component-names-strongly-recommended ) で確認することができます。
26
+ その他のコンポーネント名の推奨項目は [ スタイルガイド] ( ../style-guide/#base-component-names-strongly-recommended ) で確認することができます。
27
27
28
28
### 命名のケース (Name Casing)
29
29
@@ -89,7 +89,7 @@ app.mount('#app')
89
89
90
90
## ローカル登録
91
91
92
- グローバル登録はしばしば理想的ではありません。例えば、Webpack のようなビルドシステムを利用した場合、全てのコンポーネントをグローバル登録すると、使用していないコンポーネントも最終ビルドに含まれてしまいます。これはユーザがダウンロードしなければならない JavaScript の量を不必要に増やしてしまう事になります。
92
+ グローバル登録はしばしば理想的ではありません。例えば、Webpack のようなビルドシステムを利用した場合、全てのコンポーネントをグローバル登録すると、使用していないコンポーネントも最終ビルドに含まれてしまいます。これはユーザーがダウンロードしなければならない JavaScript の量を不必要に増やしてしまう事になります。
93
93
94
94
以下のケースでは、プレーン JavaScript としてコンポーネントを定義することができます:
95
95
@@ -146,20 +146,20 @@ export default {
146
146
}
147
147
```
148
148
149
- ES2015+ の場合 、` ComponentA ` のような変数名をオブジェクト内に配置することは ` ComponentA: ComponentA ` の省略記法にあたり、変数の名前は次のどちらも意味することに注意して下さい:
149
+ ES2015 移行の場合 、` ComponentA ` のような変数名をオブジェクト内に配置することは ` ComponentA: ComponentA ` の省略記法にあたり、変数の名前は次のどちらも意味することに注意して下さい:
150
150
151
151
- テンプレート内で使用されるカスタム要素名
152
152
- コンポーネントオプションを含む変数の名前
153
153
154
154
## モジュールシステム
155
155
156
- もし ` import ` /` require ` を使用したモジュールシステムを使わないのであれば, このセクションはスキップスキップすることができます 。そうでなければ、いくつかのインストラクションと tips をお伝えします 。
156
+ もし ` import ` /` require ` を使用したモジュールシステムを使わないのであれば, このセクションはスキップすることができます 。そうでなければ、いくつかのインストラクションとコツを教えます 。
157
157
158
158
### モジュールシステム内のローカル登録
159
159
160
- もしまだこの記事をご覧になっているということは 、Webpack や Babel のようなモジュールシステムを利用しているのかと思います 。このような場合は、それぞれのコンポーネントを独自のファイルに持つ ` components ` ディレクトリを作成することをお勧めします。
160
+ もしまだこの記事を読んでいるということは 、Webpack や Babel のようなモジュールシステムを利用している可能性が高いでしょう 。このような場合は、それぞれのコンポーネントを独自のファイルに持つ ` components ` ディレクトリを作成することをお勧めします。
161
161
162
- 次にローカル登録をする前に、使用するコンポーネントごとにインポートする必要があります。例えば、` ComponentB.js ` もしくは ` ComponentB.vue ` ファイル :
162
+ 次にローカル登録をする前に、使用するコンポーネントごとにインポートする必要があります。例えば、` ComponentB.js ` もしくは ` ComponentB.vue ` ファイルの場合 :
163
163
164
164
``` js
165
165
import ComponentA from ' ./ComponentA'
0 commit comments