父组件主动获取子组件的数据和方法

参考地址：https://blog.csdn.net/weixin_41077029/article/details/82223298

一、父组件主动获取子组件的数据和方法
1、 在调用的子组件上定义一个ref

<headerChild ref="headerchild"></headerChild>

2 、在父组件里通过

this.$refs.headerchild.属性
this.$refs.headerchild.方法

二、子组件主动获取父组件的数据和方法
在子组件里通过

this.$parent.属性
this.$parent.方法

举例：
父组件一：

image.png

父组件二：

image.png
子组件调用父组件一和父组件二中的方法：
image.png