Vue父传子通信案例

一.html

二.script

     const cpn ={
 template:"#cpn",
 data () {
   return {
   }
 },
 //第一种写法
//  props: ['cmovies','cmessage'],

//第二种写法
 props:{
  cmessage :{
    type:String,
    default:"刘思涵",   //默认
    required:true     //必须传值
  },
  //类型是对象或者数组时，默认值必须是一个函数
  cmovies:{
    type:Array,
    dafault(){
      return []
    }
  }
 },
}
const app = new Vue({
  el:"#app",
  data:{
    message:'哈哈',
    movies:["海王","海贼王","亚当斯"]
  },
  components:{ 
    cpn
  }
})