なぜコードのコンポーネントは、関数である必要がありますか?

<!DOCTYPE HTML> 
<HTML LANG = "EN">
<HEAD>
<METAのcharset = "UTF-8">
<タイトル>タイトル</ TITLE>
</ HEAD>
<DIV ID = "アプリケーション">
<! -なぜコードのコンポーネントは、関数である必要がありますか?- >
<! -コンポーネントインスタンス、あなたは彼が機能であるため、すべての実行は、互いに独立し、新たな戻り値を、作成し、共有データに同意しなかった- >
<mycpn1> </ mycpn1> <! - -カスタムコンポーネント名の使用- >
<mycpn1> </ mycpn1> <! -カスタム名を使用して、コンポーネント- >
<mycpn1> </ mycpn1> <! -カスタム名を使用してコンポーネント- >
</ div>
<BODY>

<テンプレートID = "CPNl">
の<div>
<H2>現在のカウント:カウンタ{{}} </ H2>
<ボタン@ =をクリックして"increament"> + </ボタン>







// <! -実装するために組み合わせる三つの成分- >
CONST {OBJ =
カウンタ:0
};

//グローバルレジスタは、糖衣構文を達成
これは、独立して、さまざまなコンポーネント間の相互の、達成される//
(Vue.component "mycpn1"、{
テンプレート: '#CPNl'、
データ(){
//リターン{
//カウンタ:0
//}

//三つの成分を合わせ、(通常使用されていない)場合
OBJを返す;

}、
方法: {
increament(){
戻りthis.counter ++
}、
decreament(){
リターンthis.counter--
}
}
});


ルート成分としてCONST =新たな新しいアプリケーションのVue({/ * * /
EL: '#アプリ'、
データ:{
}、
コンポーネント:{
}
})
</ SCRIPT>
</ body>
</ HTML>

おすすめ

転載: www.cnblogs.com/Damocless/p/11914160.html