<! DOCTYPE HTML>
<HTML LANG = "에서 zh-CN">
<head>
<메타 캐릭터 = "UTF-8">
<TITLE> 문헌 </ TITLE>
<링크 REL = "스타일"HREF = "">
<script SRC = "https://cdn.jsdelivr.net/npm/vue"> </ script>
</ head>
<body>
<템플릿 ID = 'CPN'>
<div>
<H4의 V-HTML = "cmessage"> </ H4>
<UL>
<리튬 V- 위한 "cmovies의 항목 '=>
{{항목}}
</ 리>
</ UL>
</ div>
<템플릿 />
<div ID = '애플리케이션'> // 변수 바인딩을 수신하는 가변되는 값이다
<CPN : cmovies 용 = '영화' : cmessage = '메시지'> </ CPN>
</ div>
<script> //
조립품
CONST CPN = {
// 외부 템플릿
템플릿 '#cpn' ,
// 전달 부모 요소의 값을 수신하고 이러한 변수를 선언
소품을 : [ 'cmovies를', 'cMessage' ,
데이터 () {
창 {
}
}
}
const를 VM = 새로운 새로운 뷰 ({
EL : '#app' ,
데이터 : {
메시지 : '! 시계 영화는 아 <BR/> 여기 내 부모 구성 요소는 동영상 데이터에서 가져온한다' ,
영화 : [ 'ZHA ','씩씩 거리 ','꿈 ","스파이더 "'꿈', '스파이더' ]
}
// 서브 어셈블리의 등록
구성 요소 : {
CPN
}
})
</ script>
</ BODY>
</ HTML>
