<！DOCTYPE HTML >
<HTML LANG = "EN" >
<HEAD>
<メタ文字コード= "UTF-8" >
<タイトル> hello2 </ TITLE>
</ HEAD>
<BODY>
の<div のid = "アプリ" >
<カウンター：タイトル= "MSG" > </カウンタ>
<ための成分：項目= "教訓" > </のための成分> < - <カウンター！> </カウンタ> <カウンタ> </カウンタ> - > </ DIV> <スクリプトSRC = "node_modules / VUE / DIST / vue.js"> </ SCRIPT> <SCRIPT> / *グローバルコンポーネントは、* / / * Vue.component（ "カウンタ"、{
テンプレートは： "<ボタン@ =クリックし '数++'> 私がしようとクリックして、あなたは{{回数}}回</ button>をクリックして"、
データ（）{
リターン{
COUNT：0、
}
}
}）; * /
/ *ローカルコンポーネント* / constのカウンタ= { テンプレート："{{タイトル}} </ H1の> <のH1>" 、小道具：[ 'タイトル'] 、//テンプレート：「<クリック@ボタン= 'COUNT ++'> Iをクリックしてくださいしてみてください、あなたは{{回数}}回</ button>をクリックして" / *データ（）{ リターン{ COUNT：0、} } * / } ; constのforComponent = { テンプレート：" <UL> <LI V- =ための'商品アイテムに'>アイテム{} {} </ LI> </ UL> " 、/ *小道具：[ '商品'] * / 小道具：{ アイテム：{ 型：Array 、デフォルト：[
'Javaの']
}
}
}
constのアプリ= 新しいヴュー（{
エル："#app" 、データ：{ MSG："こんにちは、みんな、私はzmyだ" 、レッスン：[ "tomcatに" 、"Javaの" 、"IOS" ] } 、構成要素：{ //カウンタ：カウンタのカウンタ、forComponent } }） 。</スクリプト> </ BODY> </ HTML>
ローカルおよびグローバルなコンポーネントアセンブリのVue
おすすめ
転載: www.cnblogs.com/newcityboy/p/12081054.html
おすすめ
ランキング