Vue中props

props配置项

功能：让组件接收外部传过来的数据

传递数据：<Demo name="xxxx" />

接收数据：

　　1、只接收： props : [ 'name' ]

　　2、限制类型：props : { name : String }

　　3、限制类型、限制必要性、指定默认值

props : {
  name : {
    type : String,    // 类型
    required : true, // 必要性
    default : '老王'   // 默认值
  }
}

备注：

props是只读的，Vue底层会监测对props的修改，如果进行了修改，就会发出警告，若业务需求确实需要修改，那么请复制props的内容到data中一份，然后去修改data中的数据

props适用于：

（1）父组件 ===> 子组件  通讯

（2）子组件 ===> 父组件 通讯（要求父先给子一个函数）