vue---父子组件间的通信

一、父子组件通信

父---子:props

子传父:自定义组件emit

(1)父组件向子组件传值

props只能是父组件向子组件进行传值,可以显示定义一个或一个以上的数据,可以接收各种数据类型,也可以传递一个函数。

(2)子组件向父组件传值

$emit 绑定一个自定义事件,当这个事件被执行时,就会将参数传递给父组件,而父组件通过v-on来监听和接收数据。

二、父子组件访问方式:

父组件访问子组件:$Children或$refs(引用)ref是对象类型,默认是一个空的对象,

子组件访问父组件:$parent或root

2.ref / $refs

ref :这个属性用在子组件上,可以将子组件的数据传给父组件

猜你喜欢

转载自blog.csdn.net/coinisi_li/article/details/126836192