好资源导航 » 文章资讯 » vue组件父子间通信详解（三）

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

2023-09-21 10:48:05 49

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

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

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

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

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

this.$refs.mySon

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

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

代码：





组件间通信-01




{{msg}}

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





组件间通信-02




{{msg}}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。