vue中ref（$refs）的用法

官网概念：

解读：

用途：ref相当于给元素或组件赋予一个ID引用，用来注册引用信息的，方便获取dom元素或获取组件实例

三种使用方式：

1. ref加在普通元素上，this.$refs.name获取的是dom元素

2.ref加在子组件上，this.$refs.name获取到的是组件实例，方便父组件使用子组件的所有方法

3.当v-for用于元素或组件，ref获取的将是一组数组或dom节点

拓展：除了ref，访问子组件实例也存在prop和事件

父组件(绑定子组件中属性和自定义事件)：

子组件（注册和定义属性）：