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，或者直接扫描