Vue从零开始总结24

声明两个问题:

其一：模板当中必须有一个根，包含着你要写的所有标签。也就是这样

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

这里面的div就是根

其二：父组件向子组件传递数据的时候，子组件的命名，可以采用驼峰式

但是每遇到一个大写字母就用-加它的小写来表示

比如：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
     }

   }
 }
}