//子组件 <テンプレート> <バン・ナビゲーション・バー> <スロットスロット= "左"名前= "左"> </スロット> <スロットスロット= "タイトル"名= "タイトル"> </スロット> <スロットスロット= "右"名前= "右"> </スロット> </バン・ナビゲーションバー> </テンプレート> <スクリプト> 輸出デフォルト{ 名: 'ナビゲーションバー' } </ SCRIPT> <スタイル> </スタイル> //父组件 <テンプレート> <ナビゲーションバー> <スパンスロット= "左"クラス= "バン-NAV-bar__text">返回</ span>の <divのスロット= "タイトル"クラス=」バン-NAV-bar__titleバン-省略記号">我の是ホーム标题</ div> <バン・アイコン名は="検索」スロット= "右" /> </ナビゲーションバー> </テンプレート> <スクリプト> 以下からのインポートナビゲーションバー '@ /コンポーネント/ナビゲーションバー' 輸出のデフォルト{ 名: 'インデックス' 、 コンポーネント:{ナビゲーションバー} } </ SCRIPT> <スタイル> </スタイル>