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

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

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

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

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

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

this.$refs.mySon

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

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

代码：

 
 
 
  
 
 
 
    
{{msg}}
    
  
  
 

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

 
 
 
  
 
 
 
    
{{msg}}
    
  
  
 

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