<！DOCTYPE HTML>
<HTML LANG = "EN">
<HEAD>
<METAのcharset = "UTF-8">
<タイトル>タイトル</ TITLE>
</ HEAD>
<DIV ID = "アプリケーション">
<mycpn1> < / mycpn1> <！ -カスタムコンポーネント名を使用して- >
<mycpn2> </ mycpn2> <！ -カスタム名を使用して、コンポーネント- >
</ div>
<BODY>
<SCRIPT SRC =「VUE。 JS「> </ SCRIPT>
<SCRIPT>
//コンストラクタ1コンポーネントオブジェクトを作成する（サブアセンブリ）。
CONST = Vue.extend CPNl（{
テンプレート：「<DIV> <H2>タイトルI 1 </ H2> <P > I概要</ P> <P> I安徽</ P> </ div> '
}）;
//第2のアセンブリの構成を作成する1つのオブジェクト（親要素）
CONST = CPN2ヴュー。拡張（{
テンプレート：「<div>の<H2>私は2に向かっていた。</ H2> <P>私は満足してます。</ p> <p>私は安徽省</ P> <mycpn1> < / mycpn1> </ divの>」、
コンポーネント：{
mycpn1：cpn1 / *他の部品の必要性を作成するために特定の内部コンポーネントにのみ2を同時に、すなわち1および2 * / Vueの中に実装することができる実装
}
}）;
成分2（グローバル構成要素をサイン//、複数の手段であってもよいです（定義名、成分）のVueの実施例において）使用される;
//ヴューの登録の例では、アセンブリ得られることは、部分的である
// Vue.component（「マイ-CPN」、CPN）;
CONST =新しい新しいアプリヴュー（{/ *ルートコンポーネント* /として
EL：「＃アプリケーション」、
データ：{
}、
コンポーネント：{
// CPNは、コンポーネントを使用してラベル名です
mycpn1：cpn1を、/ *エラーを登録しません発生し、役割を考慮する必要がありますドメインの問題* /
mycpn2：CPN2
}
}）
</ SCRIPT>
</ BODY>
</ HTML>
親コンポーネントサブアセンブリ
おすすめ
転載: www.cnblogs.com/Damocless/p/11913831.html
おすすめ
ランキング