File tree Expand file tree Collapse file tree 4 files changed +7
-7
lines changed Expand file tree Collapse file tree 4 files changed +7
-7
lines changed Original file line number Diff line number Diff line change @@ -67,7 +67,7 @@ export default {
67
67
}
68
68
```
69
69
70
- 塗りつぶし色のデフォルト ` currentColor ` プロパティは、アイコンの周囲のテキスト色を継承します。必要なら、別の色をプロパティとして渡すこともできます。
70
+ 塗りつぶし色のデフォルト ` currentColor ` プロパティは、アイコンの周囲のテキスト色を継承します。必要なら、別の色をプロパティとして渡すこともできます。
71
71
72
72
アイコンのパスを内包する ` IconWrite.vue ` だけを内容にすると、このように使えます:
73
73
Original file line number Diff line number Diff line change @@ -316,7 +316,7 @@ app.mount('#todo-list-app')
316
316
317
317
Vue のコンポーネントが [ Web Components 仕様] ( https://www.w3.org/wiki/WebComponents/ ) の一部である ** カスタム要素 (Custom Elements)** によく似ていることに気付いたかもしれません。これは Vue のコンポーネント構文はその仕様を手本にしているためです。例えば、Vue コンポーネントは [ Slot API] ( https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Slots-Proposal.md ) と ` is ` という特別な属性を実装しています。しかしながら、いくつか重要な違いがあります:
318
318
319
- 1 . Web Components の仕様は確定しましたが、全てのブラウザにネイティブ実装されているわけではありません。Safari 10.1 以上、Chrome 54 以上、Firefox 63 以上が Web Components をネイティブでサポートしています。一方、Vue コンポーネントは、サポートされる全てのブラウザ(Internet Explorer 11を除く - 詳細は [ こちら] ( https://github.com/vuejs/rfcs/blob/master/active-rfcs/0038-vue3-ie11-support.md ) を確認してください)で同じ動作をします。必要があれば、Vue コンポーネントはネイティブなカスタム要素内に含めることもできます。
319
+ 1 . Web Components の仕様は確定しましたが、全てのブラウザにネイティブ実装されているわけではありません。Safari 10.1 以上、Chrome 54 以上、Firefox 63 以上が Web Components をネイティブでサポートしています。一方、Vue コンポーネントは、サポートされる全てのブラウザ(Internet Explorer 11 を除く - 詳細は [ こちら] ( https://github.com/vuejs/rfcs/blob/master/active-rfcs/0038-vue3-ie11-support.md ) を確認してください)で同じ動作をします。必要があれば、Vue コンポーネントはネイティブなカスタム要素内に含めることもできます。
320
320
321
321
[ // ] : # ' TODO: link to compatibility build '
322
322
Original file line number Diff line number Diff line change @@ -143,7 +143,7 @@ app.config.globalProperties.$http = () => {}
143
143
144
144
### ` Vue.extend ` の削除
145
145
146
- Vue 2.x では、` Vue.extend ` を使って、コンポーネントのオプションを含むオブジェクトを引数に、Vue のベースコンストラクタの「サブクラス」を作成していました。Vue 3.x では、コンポーネントコンストラクタの概念はもうありません。コンポーネントのマウントには、常に ` createApp ` グローバル API を使用する必要があります。
146
+ Vue 2.x では、` Vue.extend ` を使って、コンポーネントのオプションを含むオブジェクトを引数に、Vue のベースコンストラクタの「サブクラス」を作成していました。Vue 3.x では、コンポーネントコンストラクタの概念はもうありません。コンポーネントのマウントには、常に ` createApp ` グローバル API を使用する必要があります。
147
147
148
148
``` js
149
149
// 以前 - Vue 2
@@ -181,9 +181,9 @@ Vue.createApp(Profile).mount('#mount-point')
181
181
182
182
#### 型推論
183
183
184
- Vue 2 では、` Vue.extend ` は、コンポーネントのオプションに TypeScript の型推論を提供するためにも使われていました。Vue 3 では、同じ目的のために、` defineComponent ` グローバル API を` Vue.extend ` の代わりに使用することができます。
184
+ Vue 2 では、` Vue.extend ` は、コンポーネントのオプションに TypeScript の型推論を提供するためにも使われていました。Vue 3 では、同じ目的のために、` defineComponent ` グローバル API を ` Vue.extend ` の代わりに使用することができます。
185
185
186
- なお、` defineComponent ` の戻り値の型はコンストラクタのような型ですが、これは TSX の推論にのみ使用されます。実行時には、` defineComponent ` はほとんど何もせず、オプションオブジェクトをそのまま返します。
186
+ なお、` defineComponent ` の戻り値の型はコンストラクタのような型ですが、これは TSX の推論にのみ使用されます。実行時には、` defineComponent ` はほとんど何もせず、オプションオブジェクトをそのまま返します。
187
187
188
188
#### コンポーネントの継承
189
189
Original file line number Diff line number Diff line change @@ -289,7 +289,7 @@ export default {
289
289
| ID | 分類 | 説明 | ドキュメント |
290
290
| ---------------------------- | ---- | ------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------ |
291
291
| GLOBAL_MOUNT | ✔ | new Vue() -> createApp | [link](/guide/migration/global-api.html#mounting-app-instance) |
292
- | GLOBAL_EXTEND | ✔ | Vue.extend は削除されました(` defineComponent` または` extends ` オプションを使用してください) | [link](/guide/migration/global-api.html#vue-extend-replaced-by-definecomponent) |
292
+ | GLOBAL_EXTEND | ✔ | Vue.extend は削除されました(` defineComponent` または ` extends ` オプションを使用してください) | [link](/guide/migration/global-api.html#vue-extend-replaced-by-definecomponent) |
293
293
| GLOBAL_PROTOTYPE | ✔ | ` Vue .prototype ` -> ` app .config .globalProperties ` | [link](/guide/migration/global-api.html#vue-prototype-replaced-by-config-globalproperties) |
294
294
| GLOBAL_SET | ✔ | ` Vue .set ` は削除されました(不要になりました) | |
295
295
| GLOBAL_DELETE | ✔ | ` Vue .delete ` は削除されました(不要になりました) | |
@@ -321,7 +321,7 @@ export default {
321
321
| RENDER_FUNCTION | ✔ | Render 関数の API が変更されました | [link](/guide/migration/render-function-api.html) |
322
322
| FILTERS | ✔ | フィルタは削除されました(このオプションは、ランタイムのフィルタ API にのみ影響します) | [link](/guide/migration/filters.html) |
323
323
| COMPILER_IS_ON_ELEMENT | ✔ | ` is` の使用は ` < component> ` のみに制限されるようになりました | [link](/guide/migration/custom-elements-interop.html) |
324
- | COMPILER_V_BIND_SYNC | ✔ | ` v- bind .sync ` は ` v- model` に置き換えられ、引数を持つようになりました | [link](/guide/migration/v-model.html) |
324
+ | COMPILER_V_BIND_SYNC | ✔ | ` v- bind .sync ` は ` v- model` に置き換えられ、引数を持つようになりました | [link](/guide/migration/v-model.html) |
325
325
| COMPILER_V_BIND_PROP | ✔ | ` v- bind .prop ` 修飾子は削除されました | |
326
326
| COMPILER_V_BIND_OBJECT_ORDER | ✔ | ` v- bind= " object" ` は順番に注意が必要になりました | [link](/guide/migration/v-bind.html) |
327
327
| COMPILER_V_ON_NATIVE | ✔ | ` v- on .native ` 修飾子は削除されました | [link](/guide/migration/v-on-native-modifier-removed.html) |
You can’t perform that action at this time.
0 commit comments