Vue组件间通信--$parent/$children(子传父)/4
作者:互联网
子组件使用父组件的数据和方法 $parent
指定已创建的实例之父实例,在两者之间建立父子关系。子实例可以用 this.$parent
访问父实例,子实例被推入父实例的 $children
数组中。
父组件
data() {
return {
msg:'age'
}
},
components: {
Hear,//子组件
},
methods: {
test() {
alert(1)
}
},
子组件
methods: {
click() {
console.log(this.$parent.msg);//数据
this.$parent.test()//方法
}
}
父组件使用子组件的数据与方法$children
在父组件中使用
this.$children
他得到的是一个数组[VueComponent, VueComponent],数组中的值就是每一个组件实例
注意:
节制地使用 $parent
和 $children
- 它们的主要目的是作为访问组件的应急方法。更推荐用 props 和 events 实现父子组件通信
标签:Vue,子传父,parent,间通信,实例,数组,组件,children,methods 来源: https://www.cnblogs.com/jingxin01/p/16412987.html