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