组件通信之props

一、通过props来进行组间通信

1.父与子通信可以直接通过props来实现，父组件在标签中绑定数据，子组件通过props来接收父组件传来的数据。子组件中的props可以自己规定所传数据的格式。

接收数据：

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

props:['接收的属性名']

 

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

props:{属性名：属性类型}

（3）第三种方式（限制数据的类型，设置默认值，限制是否必传）

props:{
    name:{
    type:String, //类型
    required:true, //必要性
    default:'江苏科技大学' //默认值
    }
}

2.props同样也可以实现子给父传数据

想要实现子给父传数据，就需要父组件给子组件传入一个回调函数，子组件中声明去接收这个回调函数，然后通过参数的形式将数据传送给父组件。

例子如下：

子组件中接收父组件传来的函数，将子组件中的name值传递给父组件。

 

父组件给子组件传递函数类型的props，实现子给父传递数据