//新しいコンポーネント定義
://形式
「カウンタ」のコンポーネント:// 1
データのデータ属性:書き込み機能// 2
// 3:テンプレートテンプレート:書き込み成分含有量(要素及びイベントトリガ)
//再利用可能なコンポーネント:
Vue.component( "カウンタ"、{ データ:関数(){ リターン{数:0} }、 テンプレート: '<ボタンVオン:clilck = "++カウント">カウントクリックをクリックしてください:{{数}} </ボタン>'、 })
束ね//ページ要素と要素、使用する部品の数に制限はありません
VaRの父カウンタ=新しいビュー({ エル:「#fatherCounter」 });
//ページのHTMLコード
<DIV ID = "fatherCounter"> <! - 利用可能な成分無制限の使用、各論理演算が互いに独立して、クラスのインスタンスとして理解することができ、それぞれが別々のメモリに個々に開か - > <カウンタ> </カウンタ> <カウンタ> </カウンタ> <カウンタ> </カウンタ> <カウンタ> </カウンタ> </ div>