Vue组件间通信--props(父传子)/1

props(父传子)

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

2. 传递数据：<Demo name="xxx"/>   

父组件

   

子组件

 

如果父组件传的值是一个动态的(父传子的时候,则用v-bind绑定要用的传入的名)  子组件不变

 

 

 

1. 接收数据：

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

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

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

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

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