vue组件父子间通信详解（三）(vue 父子组件通信)

推荐整理分享vue组件父子间通信详解（三）(vue 父子组件通信)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:vue组件父子之间通信,vue组件父子之间通信,vue组件父子之间通信,vue 父子组件通信,vue子父组件通信几种方法,vue组件父子之间通信,vue3父子组件通信,vue3父子组件通信,内容如对您有帮助，希望把文章链接给更多的朋友！

本文实例为大家分享了vue组件父子间通信的具体代码，供大家参考，具体内容如下

三、组件间通信（$parent $refs）

父组件要想获取子组件的数据：

①在调用子组件的时候，指定ref属性

<child-component ref="mySon"></child-component>

②根据指定的引用的名字 找到子组件的实例对象

this.$refs.mySon

子组件要想获取父组件的数据：

①直接读取this.$parent通过this.$refs拿到子组件的数据

代码：

子组件通过$parent获取父组件的数据