どのようにVueのソースノード表示要素ノードの内部

そのようなものとして

<テンプレート> 
  <子>の<div>ノード・アセンブリ内部ノード</ div> </子> 
</テンプレート>

親ノードの内部構成要素は、一般的には、子内の子ノードの定義の子ノードであるているだけでなく、いくつかの要求が必要とされるようなフレームワークの多くの部分におけるフレーム要素として、テンプレートの親コンポーネントに直接書き込む、上記のように必要そうするために。

そこで問題は、直接、ショーの外に書かれています。

その理由は次のとおりです。

子、データ:(子プロパティタグを持っている場合は、存在する場合、存在する:例えば、仮想ノードとして子アレイは、子{タグである-data-タグ内の子アレイの形態の各要素は、仮想親ノード・アセンブリを生成します)、子供:[DIVノードの仮想]}、そう<DIV>ノード・アセンブリ内部ノード</ div>子供プロパティは、実際には仮想ノードであり、

独自のテンプレートの子コンポーネントを持っている場合は、自分のテンプレートと優先順位は、実際のノードを生成するために、サブノードの子は、プロパティを無視。

(注:仮想3つのメソッドを生成するノード:ELよれば、テンプレートによれば、直接描画関数に従って)

ですから、子ノードの子供を表示したい場合は、内部のテンプレートの子を削除する必要があり、この書き込みは、私たちが知らない理由として(elementui文言を、次のように書かれたような、カスタムスクリプト機能をレンダリング置き換え、また実際のノードが機能をレンダリング生成)あえて。

レンダリング(){ 
      リターン(<DIV> {[(<div> {この。$のslots.default} </ div>)]} </ div>)
    }

  この$のslots.default :.一つの問題は何ですか?

6161ヴューソース線パッチメソッド(メソッドは、親アセンブリにパッチ更新方法ウォッチャーが起動され、この時間)、子ノードのサイクルを作成するための最初の時間がcreateElmから6208ラインのすべての方法のcreateChildrenが発見され、子を作成するcreateElmを呼び出しノードコンポーネントは、子ノードであり、この方法は、にcreateComponentライン5627に入射するので、ライン4213は、(このノードはマウントする専用のデータの初期化方法で成分であり、以下の方法が同じ_initない)ライン5678にinitメソッドを呼び出し、VMは、方法initRender vm._initはVueComponentの子オブジェクトを生成するための方法を有している場合、生成されたVM

あり

。VM $スロット= resolveSlots(options._renderChildren、RenderContextを)。

  この文は、簡単な理解は、VMにoptions._renderChildren配列要素です。$ Slots.default配列

だから、_renderChildrenは何ですか?_init方法では、プロパティparentVnode.componentOptionsの子どもたちに発見されたinitRender方法、前initInternalComponentがあり、parentVnodeはoptions._parentVnodeは、ある_initのinitメソッドは、4213行を超えると言われているオプション、探しに戻ってこの方法は、createComponentInstanceForVnode ---->新しいvnode.componentOptions.Ctorを呼び出すoptions._parentVnodeここに渡されたvnode、vノードは仮想ノードに対応する子です、

そして、どこcomponentOptionsプロパティの子供たちのvnodeの?見たときのvnode 4586ライン_C、生成したつもりは_cその方法は、ライン4517、にcreateComponent、ポイントダウンしています

VAR vノード=新しいVNODE( "VUE-コンポーネント- " +(Ctor.cid)+(名( " - " +名):? ''))、
            データ、未定義、未定義、未定義、コンテキスト、
            {CTOR:CTOR 、propsData:propsData、リスナー:リスナー、タグ:タグ、子供:子供}、
            asyncFactory 
        )。

  

オブジェクト、子供:子供、子供が親コンポーネントを生成実際に、パラメータにcreateComponentある比較VNODEコンストラクタはcomponentOptions {:CTOR、propsData:propsData、リスナー:リスナー、タグ:タグ、子供子供CTORを}見出されます

内部の子ノードの子は、vノードの<div>要素ノード内部ノード</ div>仮想ノードアレイである場合。

 

おすすめ

転載: www.cnblogs.com/chuliang/p/10962331.html