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

本文主要是介绍vue 父子组件主动获取数据和方法，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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

A.调用子组件的时候定义一个ref

<v-header ref="header"></v-header>

B.在父组件里面通过以下方式获取子组件的数据和方法

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

 

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

A.在子组件中通过以下方式获取父组件的数据和方法

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

 

这篇关于vue 父子组件主动获取数据和方法的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---