聲明兩個(gè)問(wèn)題:

其一：模板當(dāng)中必須有一個(gè)根，包含著你要寫的所有標(biāo)簽。也就是這樣

<div>
?<h2>{{submessage}}</h2>
?<ul>
? ?<li v-for="item in submovies">{{item}}</li>
?</ul>
</div>

這里面的div就是根

其二：父組件向子組件傳遞數(shù)據(jù)的時(shí)候，子組件的命名，可以采用駝峰式

但是每遇到一個(gè)大寫字母就用-加它的小寫來(lái)表示

比如：myLogin 表示為my-login

那么以上次為例，只需要這么改

<div id="app">
<cpn :sub-message="message" :sub-movies="movies"></cpn>

</div>
<template id="son">
?<div>
? ?<h2>{{subMessage}}</h2>
? ?<ul>
? ? ?<li v-for="item in subMovies">{{item}}</li>
? ?</ul>
?</div>
</template>

components:{
?cpn:{
?template:'#son',
? ?props:{

? ? ?subMessage:{

? ? ? ?type:String,

? ? ? ?default:'兒子',

? ? ? ?required:true

? ? ?},
? ? ?subMovies:{
? ? ? ?type:Array,
? ? ? ?default() {
? ? ? ? ?return []
? ? ? ?},
? ? ? ?required:true
? ? ?}

? ?}
?}
}