メモは、コンポーネントインスタンスVue.componentを理解しました

//新しいコンポーネント定義
://形式
「カウンタ」のコンポーネント:// 1
データのデータ属性:書き込み機能// 2
// 3:テンプレートテンプレート:書き込み成分含有量(要素及びイベントトリガ)



//再利用可能なコンポーネント:
Vue.component( "カウンタ"、{
        データ:関数(){
            リターン{数:0}
        }、
        テンプレート: '<ボタンVオン:clilck = "++カウント">カウントクリックをクリックしてください:{{数}} </ボタン>'、
    })

  

束ね//ページ要素と要素、使用する部品の数に制限はありません
VaRの父カウンタ=新しいビュー({
        エル:「#fatherCounter」
    });

  

//ページのHTMLコード
<DIV ID = "fatherCounter">
    <! - 利用可能な成分無制限の使用、各論理演算が互いに独立して、クラスのインスタンスとして理解することができ、それぞれが別々のメモリに個々に開か - >
    <カウンタ> </カウンタ>
    <カウンタ> </カウンタ>
    <カウンタ> </カウンタ>
    <カウンタ> </カウンタ>
</ div>

 

おすすめ

転載: www.cnblogs.com/phpcurd/p/11994465.html