図に示すように、vm オブジェクトと vc オブジェクトの関係図になります
vm オブジェクトとは、
vueユーザー インターフェイスを構築するための先進的なフレームワークです。その基本原理は、新しい Vue コンストラクターを通じてインスタンス化されたオブジェクトを生成することです。初期化し、ページ レンダリングを実現するために el/mount マウント ポイントを設定します。vm オブジェクトは、Vue コンストラクター newからインスタンス化されたオブジェクトであり、vm インスタンスとも呼ばれます
2. vc オブジェクト Vue コンストラクターの基本的な動作原理は何ですか。VueComponentコンポーネント コンストラクターという「サブコンストラクター」があります。vc オブジェクトは、VueComponent コンストラクター newからインスタンス化されたオブジェクトであり、vc インスタンスとも呼ばれます。
3. vc オブジェクトと vm オブジェクトの関係
両者の間には継承関係があり、vc オブジェクトは vm オブジェクトを継承します。vc オブジェクトのプロトタイプは vm オブジェクトです。
4. インスタンス オブジェクトはすべてコンストラクター new によって作成されるため、new の基本的な動作原理を知る必要があります
(1). 空の単純な JavaScript オブジェクト (つまり{}) を作成します; *
(2). 新しく作成されたオブジェクトに属性を追加しますステップ 1 で__proto__、この属性をコンストラクターのプロトタイプ オブジェクトにリンクします; *
(3). ステップ 1 で新しく作成したオブジェクトをコンテキストthisとして; *
(4). 関数がオブジェクトを返さない場合は、それを返しますthis。*
6. 図に示すように、コンポーネントの完全なプロトタイプ チェーンが表示されます
7. この方向性
新しいの基礎となる原理を知ると、この方向性は非常に明確になります。上の図に示すように、プロジェクトの .vue ファイル内の this は、VueComponent コンストラクターのインスタンス化されたオブジェクト(つまり、 vc インスタンス) を指します。VueComponent コンストラクターのプロトタイプ オブジェクトはthis、 (つまり、vc オブジェクト) ( )、vm オブジェクトです。——proto——prototyope
vm オブジェクトのプロパティを通じて、 Vue コンストラクター——proto——のプロトタイプ オブジェクト( ) を見つけることもできます。JavaScript のトップレベル オブジェクト ( Object コンストラクターのプロトタイプ オブジェクト)が見つかるまで、null が存在しない場合は、null が返されます。prototyope
図に
示すように、これは vm オブジェクトと vc オブジェクト
1 の関係図です。vm オブジェクトとは、
vueユーザー インターフェイスを構築するための一連の先進的なフレームワークです。その基本原理は、新しい Vue コンストラクターを通じてインスタンス化されたオブジェクトを生成することです。初期化し、ページ レンダリングを実現するために el/mount マウント ポイントを設定します。vm オブジェクトは、Vue コンストラクター newからインスタンス化されたオブジェクトであり、vm インスタンスとも呼ばれます
2. vc オブジェクト Vue コンストラクターの基本的な動作原理は何ですか。VueComponentコンポーネント コンストラクターという「サブコンストラクター」があります。vc オブジェクトは、VueComponent コンストラクター newからインスタンス化されたオブジェクトであり、vc インスタンスとも呼ばれます。
3. vc オブジェクトと vm オブジェクトの関係
両者の間には継承関係があり、vc オブジェクトは vm オブジェクトを継承します。vc オブジェクトのプロトタイプは vm オブジェクトです。
4. インスタンス オブジェクトはすべてコンストラクター new によって作成されるため、new の基本的な動作原理を知る必要があります
(1). 空の単純な JavaScript オブジェクト (つまり{}) を作成します; *
(2). 新しく作成されたオブジェクトに属性を追加しますステップ 1 で__proto__、この属性をコンストラクターのプロトタイプ オブジェクトにリンクします; *
(3). ステップ 1 で新しく作成したオブジェクトをコンテキストthisとして; *
(4). 関数がオブジェクトを返さない場合は、それを返しますthis。* 6.図に示すように、コンポーネントの完全なプロトタイプ チェーンが表示されます7. この方向性New の基礎となる原理を知ると、この方向性は非常に明確になります。上の図に示すように、プロジェクトの .vue ファイル内の this は、VueComponent コンストラクターのインスタンス化されたオブジェクト(つまり、 vc インスタンス) を指します。VueComponent コンストラクターのプロトタイプ オブジェクトは、 (つまり、vc オブジェクト) ( )、vm オブジェクトです。vm オブジェクトのプロパティを通じて、 Vue コンストラクターのプロトタイプ オブジェクト( ) を見つけることも。JavaScript のトップレベル オブジェクトが見つかるまで (
this——proto——prototyope——proto——prototyopeオブジェクト コンストラクターのプロトタイプ オブジェクト)、そうでない場合は null になります。
2.png 図に示すように、vm オブジェクトと vc オブジェクトの関係です
。 1、vm オブジェクトとは
Vue は、ユーザー インターフェイスを構築するための進歩的なフレームワークのセットです。その基礎となる原理は、新しい Vue コンストラクターを通じてインスタンス化されたオブジェクトを生成することです。初期化し、ページ レンダリングを実現するために el/mount マウント ポイントを設定します。vm オブジェクトは、Vue コンストラクター new からインスタンス化されたオブジェクトであり、vm インスタンスとも呼ばれます。
2. vc オブジェクト Vue コンストラクターの基本的な動作原理は何ですか。「サブコンストラクター」: VueComponent コンポーネント コンストラクターがあります。vc オブジェクトは、VueComponent コンストラクター new からインスタンス化されたオブジェクトであり、vc インスタンスとも呼ばれます。
3. vc オブジェクトと vm オブジェクトの関係
両者の間には継承関係があり、vc オブジェクトは vm オブジェクトを継承します。vc オブジェクトのプロトタイプは vm オブジェクトです。
4. インスタンス オブジェクトはすべてコンストラクター new によって作成されるため、new の基本的な動作原理を知る必要があります
(1). 空の単純な JavaScript オブジェクト (つまり、{}) を作成します; *
(2). ステップ用に新しく作成されたオブジェクト1 属性protoを追加し、この属性をコンストラクターのプロトタイプ オブジェクトにリンクします; *
(3). 手順 1 で新しく作成したオブジェクトをこのコンテキストとして使用します; *
(4). 関数がオブジェクトを返さない場合、これを返してください。*
1.png 6. この図は、コンポーネントの完全なプロトタイプ チェーンを示しています。
7. この方向性
新しいの基礎となる原理を知ると、この方向性は非常に明確になります。上の図に示すように、プロジェクトの .vue ファイル内の this は、VueComponent コンストラクターのインスタンス化されたオブジェクト (つまり、vc インスタンス) を指しており、その VueComponent は、次の --proto --property を通じて見つけることができます。 this (つまり vc オブジェクト) コンストラクターのプロトタイプ オブジェクト (プロトタイプ)、つまり vm オブジェクト。
vm オブジェクトの -proto -property を通じて、Vue コンストラクターのプロトタイプ オブジェクト (prototyope) を見つけることもできます。JavaScript のトップレベル オブジェクト (Object コンストラクターのプロトタイプ オブジェクト) が見つかるまで、それがなければ null になります。