私はミックスインの次のVUEのほとんど理解を話します
VUEは、再利用可能な成分の含有量のより効率的な実装のために、ハイブリッド機構--mixinsを提供します。最初に私は、これは何もさまざまなコンポーネントのようなものです考えていました。。その後、私が間違っていました。私たちは普通の状況のミックスインの下のコンポーネントの導入を見てみましょうとの違いは何ですか?
これは、単一の、比較的独立に両方の本質的に完全に小道具の上に親要素の値に従って対応する動作を実行するアセンブリの別個の空間の親コンポーネント内に組み込まれた後に開くように対応するか、または。
そしてミックスインは、成分を導入した後、成分の含有量は、そのようなデータとして、各コンテンツ属性の内部吸引される等、方法などは、親コンポーネントがマージされます。導入に対応する、方法の親成分の種々の特性が拡張されてきました。
シンプルなコンポーネント参照:
+親コンポーネントサブアセンブリ>>>親要素サブアセンブリ+
ミックスイン:
+親コンポーネントサブアセンブリ>>>新しい親コンポーネント
処置:また、アセンブリに組み込まれているメソッドとプロパティをミックスインデータおよび方法、ミックスインで使用するためのアセンブリの導入を、共有することができる複数の構成要素、それは直接使用することができます。フック関数は、両方の最初の実行でミックスインフック、呼び出されます。
次のようにここではVUEのミックスインの使用を紹介し、具体的な説明は次のとおりです。
1. JSファイルを定義します(mixin.js)
1
2
3
4
5
6
7
8
9
10
11
12
|
export
default
{
data() {
return
{
name:
'mixin'
}
},
created() {
console.log(
'mixin...'
,
this
.name);
},
mounted() {},
methods: {}
}
|
ここでの用途、詳細にVUEの文書が、場合のみVUEファイルにミックスインを使用する方法について説明します。
2. VUEファイルにミックスインを使用します
1
2
3
4
|
import
'@/mixin'
;
// 引入mixin文件
export
default
{
mixins: [mixin]
}
|