Vue props配置项（属性）

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

1、传递数据：

<Demo name="XXX"/>

2、接收数据：

（1）第一种方式（只接收）：

　　props:['name']

（2）第二种方式（限制类型）：

 　　props:{

　　　　name:String

　　}

（3）第三种方式（限制类型、限制必要性、指定默认值）

　　props：{

　　　　name：{

　　　　type:String,  //类型

　　　　required:true,  //必要性

　　　　default:"老王"  //默认值

　　　　}

　　}

3、备注：props是只读的，Vue底层会监测你对props的修改，如果进行了修改，就会发出警告，

　　若业务需求确实需要修改，那么请复制props的内容到data中一份，然后去修改data中的数据。

案例：

1、传值：

 

 2、接收值：

 

结果图：