初学vue：ref和$refs（配合vue官方文档食用）

参考：

vue中ref的作用

vue中的 ref 和 $refs

Vue中ref和$refs的介绍及使用

简介：

        DOM元素/组件中有属性ref（上图），对应vue实例中的$refs（下图）

 ref是 元素/组件  向vue实例注册时所使用的   “引用信息”

$refs 是所有注册过的ref的一个集合

作用：（用法如下图红框所示）

        如果有DOM元素或者组件设置了ref属性

        那么其对应所在的vue实例可以通过$refs对象访问这个DOM元素或者组件

        作用效果相当于HTML DOM中的querySelecter()方法

特点：

        ①渲染产物：渲染初期不存在，DOM渲染完成后才有，最早在mounted可以访问

        ②非响应式：不能用于数据绑定、

        ③可以与v-for结合：通过vm.$refs.name得到的是一个数组

 

 

 

基本用法：

获取页面DOM元素

访问子元素的data

 

 

 

调用子元素的methods