$refs用法

$refs获取dom元素

今天我们主要说一下几点
1、vue 获取普通元素（基础）
2、vue 获取列表（基础）
一、vue获取dom节点 （普通元素）
我们之前获取页面上的dom元素，很容易，
比如原生js的
document.getElementsByClassName
jqurey的
$('类名')
而vue是一个MVVM框架，数据驱动，尽量能不操作dom层就不要操作，但是对于一些场景，我们不得不操作，那么怎么操作呢，其实也很简单 用ref
首先我们先将需要获取的那个元素绑定ref属性，例如input，然后我们在页面渲染完后，获取这个元素节点

<div>
<input type="text"  value="123"  ref="input">
</div>

export  default {
data(){
    return{
    }
},
mounted()    {
    console.log(this.$refs.input)
}
}

打印出来的和我们原生js获取出来的一样，可以直接操作input的属性和方法