Day3.12 데이터 구성 요소 및 방법

1  <! DOCTYPE HTML > 
2  < HTML LANG = "EN" > 
3  < 선두 > 
4      < 메타 캐릭터 = "UTF-8" > 
5      < 타이틀 > 12 </ 타이틀 > 
6      < 스크립트 SRC = "../ LIB / JS / VUE 의 .js " > </ 스크립트 > 
7  </ 머리 > 
8  < 몸 > 
9  < DIV ID ="응용 프로그램 " >
     > </ MYCOM > 
. 11  </ DIV > 
12  < 스크립트 > 
13 인      / * *
 14       * 1 조립체 자체 데이터의 데이터를 가질 수있다
 (15)       데이터 및 데이터 성분 * 2 실시 예는 데이터가 예 될 수 있고, 동일하지 오브젝트
 (16)       * 상기 조립체는 데이터의 방법 있어야
 17       * 3. 어셈블리 데이터 첨가 방식 이외이어야있어서 상기 내부 객체 리턴한다
 (18)는       * 데이터 조립체의 실시 예 4의 데이터를 사용하여 사용 정확히 같은 데이터
 . 19       * / 
20 인      Vue.component ( ' MYCOM은 ' {
 21은          서식 : " <중 H1>이 글로벌 요소이다 - - - </ H1의> MSG {} {} " ,
 22 인         데이터 : 함수 () {
 23은              창 {
 24                  MSG : ' 이것은 정의 된 데이터의 데이터 구성 요소 인 ' 
25              }
 26          }
 27      })
 28      VM CONST =  새로운 새로운 뷰 ({
 29          EL : ' #app ' ,
 30 개          데이터 : {
 31이다          }
 32          방법은 : {
 33이다          }
 34이다      )}
 35  </ 스크립트 > 
36  </ 바디 >
37  </ HTML >