vue中$refs的详解

一般来说传统的获取DOM操作是getElementById("#id")，而vue中不建议直接操作DOM节点，通过在元素里面设置ref属性，来获取DOM节点，具体的详情代码如下：
HTML:

<div id="app">
  <input type="text" ref="ipt1"/>
  <button @click="add">添加</button>
</div>

JS:

<script>
new Vue({
  el: "#app",
  methods:{
  add:function(){
    //this.$refs.ipt1 减少获取dom节点的消耗，获取DOM节点
    this.$refs.ipt1.value ="我是新添加的数据";
    }
  }
})
</script>

结论：
通过this.$refs.ipt1就可以获取我们指定ref="ipt1"的DOM节点，然后就可以对DOM节点，进行操作了