vue---父子组件间的通信
一、父子组件通信父---子:props子传父:自定义组件emit(1)父组件向子组件传值props只能是父组件向子组件进行传值,可以显示定义一个或一个以上的数据,可以接收各种数据类型,也可以传递一个函数。(2)子组件向父组件传值$emit 绑定一个自定义事件,当这个事件被执行时,就会将参数传递给父组件,而父组件通过v-on来监听和接收数据。
·
一、父子组件通信
父---子:props
子传父:自定义组件emit
(1)父组件向子组件传值
props只能是父组件向子组件进行传值,可以显示定义一个或一个以上的数据,可以接收各种数据类型,也可以传递一个函数。
(2)子组件向父组件传值
$emit 绑定一个自定义事件,当这个事件被执行时,就会将参数传递给父组件,而父组件通过v-on来监听和接收数据。
二、父子组件访问方式:
父组件访问子组件:$Children或$refs(引用)ref是对象类型,默认是一个空的对象,
子组件访问父组件:$parent或root
2.ref / $refs
ref :这个属性用在子组件上,可以将子组件的数据传给父组件
更多推荐
已为社区贡献8条内容
所有评论(0)