位置: 编程技术 - 正文
vue组件父子间通信详解（三）(vue 父子组件通信)
编辑：rootadmin推荐整理分享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获取父组件的数据
上一篇：解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题(vue使用mixin)
下一篇：Vue组件开发之LeanCloud带图形校验码的短信发送功能(vuejs组件开发实例)