Skip to content

Commit 5cd18a7

Browse files
authored
Guide > Reusability & Compostion > Mixins の翻訳を追従 (#290)
* Improve Mixins page vuejs/docs@1a80da0#diff-2fee19450f5d6154abfd46272b50e38a71bff875f7d569702aae82fc19418e71 * fix: mixins don't recursively merge data vuejs/docs@2b0801e#diff-2fee19450f5d6154abfd46272b50e38a71bff875f7d569702aae82fc19418e71 * docs: add to the list of drawbacks for mixins vuejs/docs@f0cfcb0#diff-2fee19450f5d6154abfd46272b50e38a71bff875f7d569702aae82fc19418e71 * fix: untranslate 'composition api'
1 parent 01ca228 commit 5cd18a7

File tree

1 file changed

+8
-4
lines changed

1 file changed

+8
-4
lines changed

src/guide/mixins.md

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
## 基本
44

5-
ミックスイン (mixin) は、Vue コンポーネントに再利用可能な機能を持たせるための柔軟な方法です。ミックスインオブジェクトは任意のコンポーネントオプションを含むことができます。コンポーネントがミックスインを使用するとき、ミックスインの全てのオプションはコンポーネント自身のオプションに"混ぜられ"ます。
5+
ミックスイン (mixin) は、Vue コンポーネントに再利用可能な機能を提供します。ミックスインオブジェクトは任意のコンポーネントオプションを含むことができます。コンポーネントがミックスインを使用するとき、ミックスインの全てのオプションはコンポーネント自身のオプションに"混ぜられ"ます。
66

77
例:
88

@@ -31,7 +31,7 @@ app.mount('#mixins-basic') // => "hello from mixin!"
3131

3232
ミックスインとコンポーネントそれ自身が重複したオプションを含むとき、それらは適切なストラテジを使用して"マージ"されます。
3333

34-
例えば、データオブジェクトは再帰的にマージされ、コンフリクトした場合にはコンポーネントのデータが優先されます
34+
例えば、各ミックスインはそれぞれの `data` 関数を持つことができます。それぞれの関数が呼び出され、返されたオブジェクトがマージされます。コンフリクトした場合には、コンポーネント自身のデータのプロパティが優先されます
3535

3636
```js
3737
const myMixin = {
@@ -213,10 +213,14 @@ app.mixin({
213213
})
214214
```
215215

216+
## 欠点について
217+
216218
Vue 2 では、ミックスインはコンポーネントロジックの一部を再利用可能なチャンクに抽象化する主要なツールでした。ただし、いくつかの問題があります:
217219

218-
- ミックスインはコンフリクトしやすい: それぞれの機能のプロパティが同じコンポーネントにマージされるため、プロパティ名のコンフリクト回避とデバッグのために、全ての他の機能について知っておく必要があります。
220+
- ミックスインはコンフリクトしやすい: それぞれのミックスインのプロパティが同じコンポーネントにマージされるので、プロパティ名のコンフリクトを避けるために、すべての他のミックスインについて知っておく必要があります。
221+
222+
- どこからともなく現れたようなプロパティ: コンポーネントが複数のミックスインを使っている場合、どのプロパティがどのミックスインからきたものなのか、必ずしも明らかではありません。
219223

220224
- 再利用性は制限されている: ロジックを変更するためのパラメータをミックスインに渡せないことは、抽象化ロジックに関する柔軟性を低下させます。
221225

222-
これらの問題に対処するため、論理的な関心事によってコードを整理する新しい方法を追加しました: [コンポジション API](composition-api-introduction.html)
226+
これらの問題に対処するため、論理的な関心事によってコードを整理する新しい方法を追加しました: [Composition] API](composition-api-introduction.html)

0 commit comments

Comments
 (0)