vue中的ref $refs emit props 搞清楚這幾個概念，就能明白vue的組件通信機制！

首先看小編找到的兩篇博客：

 https://www.jianshu.com/p/ff2cead55068

https://www.cnblogs.com/360minitao/p/11840559.html

看完應該就能明白vue組件通信的props方式、emit方式、ref方式 這三種方式的區別。

 

對ref  $refs的更深入理解：

https://www.jianshu.com/p/623c8b009a85

https://www.cnblogs.com/xumqfaith/p/7743387.html

 

總結這些博客中的幾個關鍵點：

1、在vue組件通信中，props通常用於父傳子，$emit子組件觸發父組件的事件（或者說調用父組件的方法），ref是引用整個子組件，包括屬性（數據）和方法，$refs是一個對象，包含了所有的通過ref引用的子組件。

2、$refs相對document.getElementById的方法，會減少獲取dom節點的消耗。

 

有問題歡迎來微信找我！一起學習成長，交個朋友！^_^

微信搜索：acoolgiser，或者直接掃描