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

1|0props(父传子)

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中的数据。

__EOF__

本文作者：长安
本文链接：https://www.cnblogs.com/jingxin01/p/16412977.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！