VUEのいくつかの一般的なグローバルAPI

1069 ワード

VUEのいくつかの一般的なグローバルAPI
 
1. extend
      vue.extend(options):{object}options#コンポーネントの構築関数を多重化するために作成
vueを通ります.extendソースコード解析では,extendは拡張して親クラスの属性を継承し,メソッド(深さレプリケーション)である. 
拡張親ルール:
*子コンポーネントと親コンポーネントのライフサイクルイベントが1つの配列に結合されます.親コンポーネントは、前サブコンポーネントの後ろにあります.
*サブコンポーネントと親コンポーネントのwatchersは、1つの配列に結合されます.親コンポーネントは前、子コンポーネントは後です.
*mergeAssets(filters,components,directives)//上書き順序のマージ
*まず、サブアセンブリで検索します.そうでない場合は、プロトタイプチェーンに沿って上に進み、親アセンブリの対応するプロパティを検索します.
*data集計ルール:重複した属性保持なし;同じ名前のオーバーライド(親コンポーネントを同じ名前のサブコンポーネントでオーバーライド);
     
例:
      
    import LoadingComponent from 'xxxx/xxx/loading.vue'

    const  LoadingPlugin = Vue.extend(LoadingComponent)

    let $vm = new LoadingPlugin({

                el: document.createElement('div')  

              })

     document.body.appendChild($vm.$el)


     //   /          ,  
     $vm.[       this.   ] = xxxx
     

 
  
 
未完待続...