本文共 883 字，大约阅读时间需要 2 分钟。

##组件通信：

1. 子组件获取父组件的数据
2. 父组件获取子组件的数据
3. 平行组件之间的通信
4. vue2.0中用子组件修改父组件数据报错问题
5. 一定需要通过子组件修改父组件

---

子组件获取父组件的数据

通过子组件中的属性props，以与父组件数据的绑定。（注意：1.0版本允许子组件修改父组件的数据，使用sync进行同步。2.0不再支持）

---

父组件获取子组件的数据

利用子组件的事件调用$emit(事件名，数据参数)进行事件监听，并传递参数给父组件。

---

平行组件之间的通信

通过定义事件调度器，用$emit()传递，用$on()接收

---

vue2.0中用子组件修改父组件数据报错问题

可以利用mounted()进行中转，变为单纯的对子组件进行修改，这样可以不产生错误信息，但是并不能将更改同步到父组件身上

    
       
       
                             
   
            父级： -> {
  {a}}        
        
   

---

一定需要通过子组件修改父组件

那么可以采用下面的方法，将数据封装成一个对象传递给子组件，由于js对象之间是引用的关系，所以改变引用必然改变数据。

    
       
       
                             
   
            父级： -> {
  {giveData.a}}        
        
   

转载地址：http://rwnaf.baihongyu.com/