一.vue基础:父组件主动获取子组件的数据和方法
1.调用子组件的时候定义一个ref
在Home.vue
<v-header ref='header'/>
2.在父组件里面里面通过
this.
r
e
f
s
.
h
e
a
d
e
r
.
属
性
t
h
i
s
.
refs.header.属性 this.
refs.header.属性this.refs.header.方法
getchild(){
alert(this.$refs.header.msg)
}
父组件通过调用getchile(){}方法就可以获取子组件的数据和方法。
二.子组件主动获取父组件的数据和方法
因为已经定义了父子组件所以直接在子组件中获取就行了。
this.$parent.数据
this.$parent.方法