vue基本应用之props

组件间通信

1. props配置项

props通常适用于父组件给子组件传递消息

1.1 传递消息

//在父组件中引用子组件DEMO
<Demo :todos="list"/>

给子组件传递一个名为‘todos’，value值为list的消息,需要加上 ：

1.2 接收消息

1. 第一种方式（只接收）：props:['name']

2. 第二种方式（限制类型）：props:{name:String}

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

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

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

注意:

1. props可以传递方法使用和接收参数相同
2. props不可更改
3. 当传递的消息是一个对象时，对象中值的属性改变可以骗过vue，修改成功，但是不推荐使用
4. 当需要父组件给子组件传递消息，最简单的方法就是props
5. props在标签中使用时，必须要加冒号，vue才能识别