vue基础：父组件主动获取子组件的数据和方法

一.vue基础：父组件主动获取子组件的数据和方法

1.调用子组件的时候定义一个ref
在Home.vue

<v-header ref='header'/>

2.在父组件里面里面通过
this.$refs.header.属性this.$refs.header.方法

getchild(){
            alert(this.$refs.header.msg)
        }

父组件通过调用getchile（）{}方法就可以获取子组件的数据和方法。

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

因为已经定义了父子组件所以直接在子组件中获取就行了。

this.$parent.数据
this.$parent.方法