Vue は、コンポーネント コンテンツのより効率的な再利用を実現するために、混合メカニズム (ミックスイン) を提供します。最初は、これとコンポーネントに違いはないと思いました。 。後でそれが間違いだと分かりました。通常の状況におけるミックスインとインポートされたコンポーネントの違いを見てみましょう。コンポーネントが参照された後、親コンポーネント内に別のスペースを開いて、親コンポーネントの props からの値に基づいて対応する操作を実行することと同じであり、本質的に、この 2 つは別個であり、比較的独立しています。ミックスインは、コンポーネントを導入した後、データやその他のメソッド、メソッド、その他の属性などのコンポーネントの内部コンテンツを、親コンポーネントの対応するコンテンツとマージします。導入後、親コンポーネントの各種プロパティメソッドが拡張されたことに相当します。
単純なコンポーネントのリファレンス:
親コンポーネント + 子コンポーネント>>> 親コンポーネント + 子コンポーネント
ミックスイン:
親コンポーネント + 子コンポーネント>>> 注目に値します。ミックスインを使用する場合、親コンポーネントと子コンポーネントの両方が子コンポーネントにさまざまなプロパティ メソッドを持ちますが、これは、これらの変数を共有して同時に処理することを意味するものではなく、マージ以外に 2 つのコンポーネント間で何も行われないことを意味します。コミュニケーション。初めて mixin を見たとき、私は素朴にも vuex に似た下向きのデータ共有ソリューションだと思ったようで、とても興奮しました。
riot.jsの学習[2] mixin
以上がvue の mixin についての簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。