props配置项

1. 功能

让 组件 接收 外部 传过来的数据。

2. 传递数据:

直接在标签中写属性: <Demo name="xxx"/>

3. 接收数据:

  1. 第一种方式(只接收):props:['name']

  2. 第二种方式(限制类型):props:{name:String}

  3. 第三种方式(限制类型+限制必要性+指定默认值):

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

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