vue中的$refs

vue最强大的就是它的虚拟dom以及数据驱动，那么我们就要尽可能少的去操作原生dom,那，我们怎么去获取一些dom中的数据呢，
这次，来讲解一个vue中提供的一个指令，就是$refs。
来个栗子：

<input type="text" placeholder="add">

如果我要获取上面文本框中的值，但是，vue的核心就是数据驱动，让我们尽可能少的去操作原生dom.
因此，我们可以利用$refs去操作。
操作如下:

<input ref="item" type="text" placeholder="add">

<button @click="show"></button>
show(){
    var a=this.$refs.item.value;
    console.log(a);
}

在文本框中用ref挂载了一个item,在show方法中，通过$refs直接获取item的值就可以了，是不是很简单。