Day3.12データコンポーネントおよび方法

1  <！DOCTYPE HTML > 
2  < HTML のlang = "EN" > 
3  < ヘッド> 
4      < メタのcharset = "UTF-8" > 
5      < タイトル> 12 </ タイトル> 
6      < スクリプトSRC =」../ LIB / JS / VUE .js」> </ スクリプト> 
7  </ ヘッド> 
8  < ボディ> 
9  < DIV ID = "アプリケーション" >
     > </ MYCOM > 
11  </ DIV > 
12である < スクリプト> 
13である     / * *
 14       * 1アセンブリ独自のデータのデータを有することができ、
 15       データ及びデータ成分* 2としては、例えば、データは、Aの一例であることができる、同じではありませんオブジェクト
 16       *及び組立データの方法でなければならない
 17       * 3.アセンブリは、データ加算方式以外にする必要があり、この方法はさらに内側には、オブジェクトを返す必要があります
 18は      *データおよびアセンブリの実施例4のデータを使用まったく同じデータを使用
 。19       * / 
20である     Vue.componentは（' MYCOM ' 、{
 21は、         テンプレート：" これはグローバル構成要素である<H1の> - - - MSG {} {} </ H1の> " 、
 22のIS         データ：関数（）{
 23は             リターン{
 24                  MSG：' これはで定義されたデータのデータ構成要素である' 
25              }
 である26          }
 27      }）;
 28      VM CONST =  新しい新しいヴュー（{
 29          EL：' #app ' 、
 30の         データ： {
 31である         }、
 32の         方法：{
 33である         }
 34である     }）
 35  </ スクリプト> 
36  </ ボディ>
37  </ HTML >