ページを作成するときは、編集用のボタンに新しいページを必要とする、この時間は、再利用を考慮し、ポップアップダイアログボックスを使用する必要があり、ポップアップボックスが使用することを選抜。
1.ボタンの親コンポーネントページは、隠された、デフォルトはfalse openOff。handleclickトリガー、
<エル・ボタンは、type = "主"のアイコン= "エル・アイコン・プラス"サイズ= "小さな" @ "）（handleclick" =をクリックしてください：=無効"を追加（）">添加</ EL-ボタン>
<EL-ダイアログのタイトル= "登陆"：visible.sync = "openOff"センター：追加-ボディ= '真'：ロックスクロール= "false"の幅= "30％">
<Diog> </ Diog>
</ EL -dialog>
データ（）{
リターン{
openOff：偽、
}
}
handleClick（）{
this.openOff = trueに; //デフォルトのページがfalseのように表示されていない、属性をtrueになります。このボタンをクリックします
}、
サブアセンブリの調製
<テンプレート>
の<div>サブアッセンブリ</ div>
</テンプレート>
<SCRIPT>
エクスポートデフォルト{
名： 'Diog'
}
</ SCRIPT>
3.参照親コンポーネントサブアセンブリ
「./Diog.vue」からインポートDiog。
成分：{
Diog
}